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:
<div id="block">
<a href="#">odkaz</a>
<a href="#">odkaz</a>
<a href="#">odkaz</a>
</div>
Nastavme styly pro odkazy z tohoto bloku:
#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ě:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Vysvětlete, co vybírá selektor v uvedeném kódu. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
