Pengelompokkan Selektor di CSS
Terkadang situasi berikut dapat terjadi:
Anda perlu melakukan hal yang sama pada
tag yang berbeda, misalnya, mengubah warna semua judul
h2, h3, dan paragraf menjadi merah.
Dalam hal ini, Anda harus menulis sesuatu
seperti ini:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Namun, ada cara untuk membuatnya sedikit lebih pendek: selektor tag dapat digabungkan dengan koma, dan kode CSS akan diterapkan pada semuanya secara bersamaan. Kode di atas dapat ditulis ulang dengan lebih singkat seperti ini:
h2, h3, p {
color: red;
}
Sederhanakan kode berikut dengan menggunakan pengelompokkan selektor:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
