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:
<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:
#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:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Objasnite šta bira selektor u donjem kodu. Zatim napišite HTML kod koji odgovara ovom selektoru. Evo koda sa selektorom:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
