Zapleteni izbirniki s stanji povezav v CSS

Vse zapletene izbirnike, ki smo jih preučevali prej, lahko uporabimo tudi za povezave.

Poglejmo si na primeru. Naj bodo naše povezave v bloku z določenim id:

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

Določimo sloge za povezave iz tega bloka:

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

Praviloma stanji link in visited ne ločujemo, zato lahko kodo poenostavimo na naslednji način:

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

Задание 1

Povejte, kaj izbira izbirnik v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu izbirniku. Tukaj je koda z izbirnikom:

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