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ň:

html<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ň:

css#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:

css#block a {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

css#test a {
  color: red;
}
#test a:hover {
  text-decoration: none;
}