Selektorite grupeerimine CSS-is
Mõnikord võib tekkida järgmine olukord:
peate tegema sama asja erinevate
siltidega, näiteks värvima kõik pealkirjad
h2, h3 ja lõigud punaseks värvi.
Sel juhul peate kirjutama midagi
sellist:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Siiski on olemas viis seda teha natuke lühemalt: siltide selektoreid saab ühendada koma abil ja CSS kood rakendub neile kõigile korraga. Eespool toodud koodi saab ümber kirjutada lühemalt järgmiselt:
h2, h3, p {
color: red;
}
Lihtsustage koodi, kasutades selektorite grupeerimist:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
