Gruppering av selektorer i CSS
Noen ganger kan følgende situasjon oppstå:
du må gjøre det samme med forskjellige
tagger, for eksempel farge alle overskrifter
h2, h3 og avsnitt i rød farge.
I dette tilfellet må du skrive noe
som dette:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Imidlertid finnes det en måte å gjøre dette litt kortere på: tagg-selektorer kan kombineres via komma, og CSS-koden vil bli brukt på dem alle samtidig. Koden ovenfor kan omskrives kortere på denne måten:
h2, h3, p {
color: red;
}
Forenkle koden ved å bruke gruppering av selektorer:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}