CSSda havolalar holatlariga ega murakkab selektorlar

Avval o‘rgangan barcha murakkab selektorlarimizni havolalar uchun ham qo‘llash mumkin.

Keling, bir misolni ko‘rib chiqaylik. Faraz qilaylik, bizning havolalarimiz berilgan id ga ega blokda joylashgan:

html<div id="block">
  <a href="#">havola</a>
  <a href="#">havola</a>
  <a href="#">havola</a>
</div>

Keling, ushbu blokdagi havolalar uchun uslub belgilaymiz:

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

Qoida tariqasida, link va visited holatlari ajratilmaydi, shuning uchun kodni quyidagicha soddalashtirish mumkin:

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

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