CSSda selektorlarni guruhlash
Ba'zan quyidagi vaziyat yuzaga kelishi mumkin:
siz turli teglarga bir xil narsani qilishingiz
kerak, masalan, barcha sarlavha teglari
h2, h3 va paragraflarni qizil rangga
bo'yash. Bunday holda siz quyidagiga o'xshash
narsani yozishingiz kerak bo'ladi:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Biroq, buni biroz qisqaroq qilishning usuli mavjud: teg selektorlarini vergul orqali birlashtirish mumkin va CSS kodi ularning barchasiga bir vaqtning o'zida qo'llaniladi. Yuqoridagi kodni quyidagicha qayta yozish mumkin:
h2, h3, p {
color: red;
}
Selektorlarni guruhlashdan foydalanib, kodni soddalashtiring:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
