Sarežģīti selektori ar saišu stāvokļiem CSS
Visus sarežģītos selektorus, kurus mēs pētījām iepriekš, var izmantot arī saitēm.
Apskatīsim piemērā. Pieņemsim, ka mūsu
saites atrodas blokā ar norādītu
id:
<div id="block">
<a href="#">saites</a>
<a href="#">saites</a>
<a href="#">saites</a>
</div>
Uzstādīsim stilus saitēm no šī bloka:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Parasti stāvokļus link un visited
neatdala, tāpēc kodu var vienkāršot
šādi:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Pastāstiet, ko izvēlas selektors dotajā kodā. Tad uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
