Sudėtingi selektoriai su nuorodų būsenomis CSS
Visus sudėtingus selektorius, kuriuos tyrėme anksčiau, galima taikyti ir nuorodoms.
Pažiūrėkime pavyzdžiu. Tarkime, mūsų
nuorodos yra bloke su nustatytu
id:
<div id="block">
<a href="#">nuoroda</a>
<a href="#">nuoroda</a>
<a href="#">nuoroda</a>
</div>
Apibrėžkime stilius šio bloko nuorodoms:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Paprastai būsenos link ir visited
neskirstomos, todėl kodą galima supaprastinti
taip:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris tiktų šiam selektoriui. Štai kodas su selektoriumi:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
