CSS-de baglanyşyk ýagdaýlary bilen çylşyrymly selektorlar
Öň öwrenen ähli çylşyrymly selektorlarymyzy baglanyşyklar üçin hem ulanyp bolýar.
Mysal üçin seredeliň. Bizde bellenen
id blokynda baglanyşyklar bar diýeliň:
<div id="block">
<a href="#">baglanyşyk</a>
<a href="#">baglanyşyk</a>
<a href="#">baglanyşyk</a>
</div>
Geliň şu blokdaky baglanyşyklar üçin stili belleýeliň:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Esasan, link we visited ýagdaýlary
bölünmeýär, şonuň üçin kody aşakdaky ýaly ýönekeýleşdirip bolýar:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Aşakdaky kodda berlen selektor näme saýlaýandygyny düşündiriň. Soňra şu selektora laýyk gelýän HTML koduny ýazyň. Selektorly kod:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
