Верстка, CSS, HTML, SVG

Как присвоить стили ссылкам одного блока - так что бы они не распространялось на ссылки за пределами блока?

Как присвоить стили ссылкам одного блока - так что бы они не распространялось на ссылки за пределами блока?
Все стили должны быть в отдельном документе..

В интернете не смог найти.

Это мой код - http://www.cssdesk.com/yfpPp
Он меня не устраивает.. Дело в том что стили ссылок у меня прописаны в самом HTML
и к тому же они действуют на все ссылки на сайте, а мне нужно что бы я мог прописать разные стили для разных блоков.. Обратите внимание на скриншот, если я не понятно объяснил что хочу..

----------------------------------Пояснения к скрину----------
Например я имею 4 Див блока.
Я хочу прописать разные стили ссылок для блоков №2
и № 4. И все это не в HTML документе а в ксс.. Он уже привязан у меня к хтмл документу..
Сергей Подгайный
Сергей Подгайный
3
https://jsfiddle.net/vrkegxxt/
https://webref.ru/layout/advanced-html-css/complex-selectors
Ваня Нгуен
Ваня Нгуен
5 622
Лучший ответ
Сергей Подгайный Спасибо конечно но я не совсем понял. т. е.
В вашем примере к блоку кроме этого стиля ссылки не чего больше не подключено у меня же так:
http://www.cssdesk.com/yfpPp т. е. еще другие стили подключены...
Вот я и не пойму, как сюда же подключить еще стили ссылок.. По которой уже перешли, на которую навели курсор, и просто с которой ничего не делали..
Буду очень благодарен
Изучай CSS, что такое селекторы. Основы же.
Tilek Baiyzbekov
Tilek Baiyzbekov
82 546
.block2 a, .block4 a {}
Это настолько азовые азы, что как-то даже странно, что ты ищешь что-то в интернете по этому поводу. Ведь понятно, что ты вообще ничего не знаешь о CSS, потому что если бы знал хотя бы минимум, то знал бы и ответ. Выходит, даже если ты найдёшь какое-то решение, ты его не поймёшь, потому что ты не знаешь, что такое CSS. Чтобы понять ответ на вопрос в какой-то области, нужно иметь представление об этой области.
SI
Shukur Ilyasov
89 261
А в чем проблема-то? Присваиваете класс нужному блоку и прописываете стили для этого класса: https://jsfiddle.net/11ey21vz/
СШ
Сергей Шаров
15 923
Сергей Подгайный Спасибо конечно но я не совсем понял. т. е.
В вашем примере к блоку кроме этого стиля ссылки не чего больше не подключено у меня же так:
http://www.cssdesk.com/yfpPp т. е. еще другие стили подключены...
Вот я и не пойму, как сюда же подключить еще стили ссылок.. По которой уже перешли, на которую навели курсор, и просто с которой ничего не делали..
Буду очень благодарен
Можно подумать все сразу, всему научились ;)
Вот скопируй в блокнот и разбирайся, то что тебе нужно можно сделать разными способами ...)
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>/* Это то, что можно перенести в файл CSS, т. е. стили... */
.blok a {
color: red;
}
.blok-ol a {
color: limegreen;
}
a.blok-li {
color: yellow;
}
</style>
</head>
<body>
<div class="blok">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a href="#">Soluta</a>, praesentium.</p>
<ol class="blok-ol">
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a href="#">Soluta</a>, praesentium.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a class="blok-li" href="#">Soluta</a>, praesentium.</li>
</ol>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a href="#">Soluta</a>, praesentium.</p>
</div>
</body>
</html>
Даниил Шевляков
Даниил Шевляков
13 967

Похожие вопросы