CSS-da bir nechta selektorlarni qo‘shib yozish
Bir nechta selektorlarga bir vaqtning o‘zida mos keladigan elementni tanlash uchun, ushbu selektorlarni bo‘shliqsiz, qo‘shib yozish kerak.
Masalan, quyidagi selektor bbb va zzz klasslariga
bir vaqtning o‘zida ega bo‘lgan elementni tanlaydi:
.bbb.zzz {
}
Quyidagi selektor esa h2 sarlavhasini, bir vaqtning o‘zida
bbb va zzz klasslariga ega bo‘lganda tanlaydi:
h2.bbb.zzz {
}
Ko‘rsatilgan usul bilan har qanday selektor konstruksiyalarini yaratish mumkin. Bunda foydalaniladigan selektorlarning tartibi ahamiyatga ega emas, faqat teg selektorlarini eng boshida qo‘yish qoidasiga rioya qilish kerak.
Ya'ni, masalan, .bbb.zzz va .zzz.bbb
selektorlari butunlay ekvivalentdir.
Bundan tashqari, id dan foydalangan holda selektorlarni
shakllantirish mumkin, masalan: #elem.eee, yoki
h2#elem.eee, yoki h2.eee#elem va hokazo.
Quyida keltirilgan kodda selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Selektor bilan kod:
.bbb.zzz {
color: red;
}
Quyida keltirilgan kodda selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Selektor bilan kod:
h2.bbb.zzz {
color: red;
}
Quyida keltirilgan kodda selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Selektor bilan kod:
#elem.bbb {
color: red;
}
Quyida keltirilgan kodda selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Selektor bilan kod:
#elem.bbb.zzz {
color: red;
}
Quyida keltirilgan kodda selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Selektor bilan kod:
h2#elem.bbb {
color: red;
}