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:

cssh2 {
  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:

cssh2, h3, p {
  color: red;
}

cssh1 {
  text-align: center;
}
h2 {
  text-align: center;
}
h3 {
  text-align: center;
}