Складаныя селектары з станамі спасылак у CSS

Усе складаныя селектары, якія мы вывучалі раней, можна ўжываць і для спасылак.

Давайце паглядзім на прыкладзе. Хай нашы спасылкі знаходзяцца ў блоке з зададзеным id:

html<div id="block">
  <a href="#">спасылка</a>
  <a href="#">спасылка</a>
  <a href="#">спасылка</a>
</div>

Давайце задамо стылі для спасылак з гэтага блока:

css#block a:link, #block a:visited {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

Як правіла, станы link і visited не падзяляюць, таму код можна спрасціць наступным чынам:

css#block a {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

css#test a {
  color: red;
}
#test a:hover {
  text-decoration: none;
}