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:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Določimo sloge za povezave iz tega bloka:
#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:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Povejte, kaj izbira izbirnik v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu izbirniku. Tukaj je koda z izbirnikom:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
