Complexe selectors met linkstatussen in CSS
Alle complexe selectors die we eerder hebben bestudeerd, kunnen ook worden toegepast op links.
Laten we een voorbeeld bekijken. Stel dat onze
links zich in een blok met een ingestelde
id bevinden:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Laten we stijlen instellen voor de links uit dit blok:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Over het algemeen worden de statussen link en visited
niet gescheiden, daarom kan de code als volgt worden vereenvoudigd:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Leg uit wat de selector in de onderstaande code selecteert. Schrijf vervolgens de HTML-code die bij deze selector past. Hier is de code met de selector:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
