Gruppering av selektorer i CSS
Ibland kan följande situation uppstå:
du vill göra samma sak med olika
taggar, till exempel färga alla rubriker
h2, h3 och stycken i röd färg.
I det här fallet måste du skriva något
i stil med detta:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Det finns dock ett sätt att göra detta lite kortare: taggselektorer kan kombineras genom kommatecken och CSS-koden kommer att tillämpas på dem alla samtidigt. Ovanstående kod kan skrivas om på ett kortare sätt så här:
h2, h3, p {
color: red;
}
Förenkla koden med hjälp av selektorgruppering:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
