CSS-da selektorlarni guruhlashda umumiy xususiyatlar
Ba'zida ba'zi selektorlarning bir qism xususiyatlari o'xshash bo'ladi, boshqa qismi esa farq qiladi. Masalan, quyidagi kodda sarlavhalar va abzats qizil rangga ega, lekin abzatsda bundan tashqari yana qo'shimcha xususiyatlar mavjud:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Bunday holatda takrorlanuvchi qismlarni guruhlash mumkin, takrorlanmaydigan qismlarni esa alohida yozish mumkin:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Selektorlarni guruhlashdan foydalanib, kodni soddalashtiring:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Selektorlarni guruhlashdan foydalanib, kodni soddalashtiring:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
