Keerukad selektorid koos linkide olekutega CSS-is
Kõiki keerulisi selektoreid, mida me varem õppisime, saab kasutada ka linkide puhul.
Vaatame näidet. Oletame, et meie lingid asuvad
blokis, millel on määratud id:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Määrame stiilid selle bloki linkidele:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Tavaliselt link ja visited olekuid
ei eristata, seega saab koodi lihtsustada
järgmiselt:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Kirjelda, mida valib allpool toodud koodis olev selektor. Seejärel kirjuta HTML-kood, mis sobib selle selektori jaoks. Siin on kood selektoriga:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
