Komplekse selektorer med tilstande for links i CSS
Alle de komplekse selektorer, som vi har studeret tidligere, kan også anvendes til links.
Lad os se på et eksempel. Antag, at vores
links befinder sig i en blok med et angivet
id:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Lad os angive stilarter for links fra denne blok:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Som regel adskilles tilstandene link og visited
ikke, derfor kan koden forenkles
på følgende måde:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Forklar, hvad selektoren vælger i den nedenstående kode. Skriv derefter HTML-koden, der passer til denne selektor. Her er koden med selektoren:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
