Kompleksni selektori sa stanjima linkova u CSS

Svi kompleksni selektori koje smo ranije proučavali, mogu se primeniti i na linkove.

Pogledajmo na primeru. Neka se naši linkovi nalaze u bloku sa zadatim id-em:

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

Hajde da zadamo stilove za linkove iz ovog bloka:

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

Po pravilu, stanja link i visited ne razdvajaju, stoga se kod može pojednostaviti na sledeći način:

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

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