Групоўка селектараў у CSS
Часам можа ўзнікнуць наступная сітуацыя:
вам трэба зрабіць адно і тое ж з рознымі
тэгамі, напрыклад, пафарбаваць усе загалоўкі
h2, h3 і абзацы ў чырвоны колер.
У гэтым выпадку вам прыйдзецца напісаць нешта
падобнае:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Аднак, існуе спосаб зрабіць гэта крыху карацей: селектары тэгаў можна аб'ядноўваць праз коску і CSS код прыменіцца да іх усім адначасова. Прыведзены вышэй код можна перапісаць карацей такiм чынам:
h2, h3, p {
color: red;
}
Спрасціце код, выкарыстоўваючы групоўку селектараў:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}