Ingewikkelde selekteerders met skakel toestande in CSS
Alle ingewikkelde selekteerders wat ons vroeër bestudeer het, kan ook op skakels toegepas word.
Kom ons kyk na 'n voorbeeld. Gestel ons skakels is in 'n blok met 'n gegewe id:
<div id="block">
<a href="#">skakel</a>
<a href="#">skakel</a>
<a href="#">skakel</a>
</div>
Kom ons wysig die style vir die skakels in hierdie blok:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Oor die algemeen word die link en visited toestande nie geskei nie, dus kan die kode soos volg vereenvoudig word:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Verduidelik wat die selekteerder in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie selekteerder pas. Hier is die kode met die selekteerder:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
