Pengelompokkan Pemilih dalam CSS
Kadang-kadang situasi berikut mungkin timbul:
anda perlu melakukan perkara yang sama pada
tag yang berbeza, contohnya, mewarnakan semua tajuk
h2, h3 dan perenggan dengan warna merah.
Dalam kes ini, anda perlu menulis sesuatu
seperti ini:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Walau bagaimanapun, terdapat cara untuk menjadikannya lebih pendek: pemilih tag boleh digabungkan menggunakan koma dan kod CSS akan digunakan untuk mereka semua secara serentak. Kod di atas boleh ditulis semula dengan lebih pendek seperti ini:
h2, h3, p {
color: red;
}
Permudahkan kod dengan menggunakan pengelompokkan pemilih:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
