Properti Umum saat Pengelompokkan Selektor di CSS
Ada kalanya sebagian properti dari beberapa selektor sama, sedangkan sebagian lainnya berbeda. Pada kode berikut, misalnya, judul dan paragraf berwarna merah, tetapi paragraf selain itu memiliki properti tambahan:
cssh2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Dalam kasus seperti ini, bagian yang berulang dapat dikelompokkan, sedangkan bagian yang tidak berulang dapat ditulis secara terpisah:
cssh2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Задание 1
Sederhanakan kode berikut dengan menggunakan pengelompokkan selektor:
cssh1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Задание 2
Sederhanakan kode berikut dengan menggunakan pengelompokkan selektor:
cssh1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}