Groepering van selekteerders in CSS
Daar kan soms die volgende situasie voorkom:
jy moet dieselfde ding met verskillende
etikette doen, byvoorbeeld, al die opskrifte
h2, h3 en paragrawe in rooi kleur verf.
In hierdie geval sal jy iets soos die volgende
moet skryf:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Daar is eger 'n manier om dit 'n bietjie korter te maak: etiketselekteerders kan saamgevoeg word met 'n komma en die CSS-kode sal op almal van toepassing wees gelyktydig. Die bogenoemde kode kan herskryf word op 'n korter manier soos volg:
h2, h3, p {
color: red;
}
Vereenvoudig die kode deur gebruik te maak van selekteerdergroepering:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
