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:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Nastavme štýly pre odkazy z tohto bloku:
#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:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Vysvetlite, čo vyberá selektor v uvedenom kóde. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
