CSS-dagi havola holatlari bilan murakkab selektorlar

Biz ilgari o'rgangan barcha murakkab selektorlardan havolalar uchun foydalanish mumkin.

Keling, bir misolni ko'rib chiqaylik. Bizning havolalarimiz ma'lum identifikatorli blokda bo'lsin:

<div id="block"> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> </div>

Keling, ushbu blokdagi havolalar uchun stillarni o'rnatamiz:

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

Odatda, link va visited ajratilmaydi, shuning uchun kodni quyidagicha soddalashtirish mumkin:

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

uz ru