Komplekse selektorer med lenketilstander i CSS
Alle de komplekse selektorene vi studerte tidligere, kan også brukes for lenker.
La oss se på et eksempel. Anta at våre
lenker befinner seg i en blokk med en gitt
id:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
La oss sette stiler for lenker fra denne blokken:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Som regel skilles ikke tilstandene link og visited
, derfor kan koden forenkles
på følgende måte:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Forklar hva selektoren velger i koden nedenfor. Skriv deretter HTML-koden som passer for denne selektoren. Her er koden med selektoren:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
