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:
<div id="block">
<a href="#">havola</a>
<a href="#">havola</a>
<a href="#">havola</a>
</div>
Keling, ushbu blokdagi havolalar uchun uslub belgilaymiz:
#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:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Quyidagi kodda selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektorli kod:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
