Grupowanie selektorów w CSS
Czasami może zaistnieć następująca sytuacja:
chcesz zrobić to samo z różnymi
znacznikami, na przykład, pokolorować wszystkie nagłówki
h2, h3 i akapity na czerwono.
W tym przypadku musiałbyś napisać coś
w rodzaju:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Jednakże istnieje sposób, aby zrobić to nieco krócej: selektory znaczników można łączyć przez przecinek i kod CSS zastosuje się do nich wszystkich jednocześnie. Powyższy kod można przepisać krócej w ten sposób:
h2, h3, p {
color: red;
}
Uprość kod, używając grupowania selektorów:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
