Gruppering af selektorer i CSS
Undertiden kan følgende situation opstå:
du skal gøre det samme med forskellige
tags, for eksempel farve alle overskrifter
h2, h3 og afsnit i rød.
I dette tilfælde bliver du nødt til at skrive noget
der ligner dette:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Der findes dog en måde at gøre dette lidt kortere på: tag-selektorer kan kombineres via komma, og CSS-koden vil blive anvendt på dem alle på samme tid. Ovenstående kode kan omskrives kortere på denne måde:
h2, h3, p {
color: red;
}
Forenkl koden ved at bruge gruppering af selektorer:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
