Все сложные селекторы, которые мы изучали ранее, можно применять и для ссылок.
Давайте посмотрим на примере. Пусть наши ссылки находятся в блоке с заданным id:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Давайте зададим стили для ссылок из этого блока:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Как правило, состояния link и visited не разделяют, поэтому код можно упростить следующим образом:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}