Složité selektory se stavy odkazů v CSS

Všechny složité selektory, které jsme studovali dříve, lze použít i pro odkazy.

Podívejme se na příklad. Předpokládejme, že naše odkazy jsou v bloku s daným id:

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

Nastavme styly pro odkazy z tohoto bloku:

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

Stavy link a visited se zpravidla nerozlišují, takže kód lze zjednodušit následovně:

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

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