Zložité selektory so stavmi odkazov v CSS

Všetky zložité selektory, ktoré sme študovali predtým, možno aplikovať aj na odkazy.

Pozrime sa na príklad. Nech naše odkazy sa nachádzajú v bloku s daným id:

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

Nastavme štýly pre odkazy z tohto bloku:

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

Spravidla sa stavy link a visited nerozdeľujú, preto je možné kód zjednodušiť nasledovným spôsobom:

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

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