Sudėtingi selektoriai su nuorodų būsenomis CSS

Visus sudėtingus selektorius, kuriuos tyrėme anksčiau, galima taikyti ir nuorodoms.

Pažiūrėkime pavyzdžiu. Tarkime, mūsų nuorodos yra bloke su nustatytu id:

html<div id="block">
  <a href="#">nuoroda</a>
  <a href="#">nuoroda</a>
  <a href="#">nuoroda</a>
</div>

Apibrėžkime stilius šio bloko nuorodoms:

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

Paprastai būsenos link ir visited neskirstomos, todėl kodą galima supaprastinti taip:

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

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