Komplexa selektorer med länktillstånd i CSS
Alla komplexa selektorer som vi studerat tidigare kan även appliceras på länkar.
Låt oss titta på ett exempel. Låt oss säga att våra
länkar finns i ett block med ett specificerat
id:
<div id="block">
<a href="#">länk</a>
<a href="#">länk</a>
<a href="#">länk</a>
</div>
Låt oss ange stilar för länkarna från detta block:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Som regel separerar man inte tillstånden link och visited,
därför kan koden förenklas på
följande sätt:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Berätta vad selektorn väljer i den nedan återgivna koden. Skriv sedan HTML-kod som passar under denna selektor. Här är koden med selektorn:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
