CSS-ում ընտրիչների խմբավորում

Երբեմն կարող է առաջանալ հետևյալ իրավիճակը. պետք է տարբեր թեգերի համար կատարել նույն գործողությունը, օրինակ՝ բոլոր վերնագրերը ներկել h2, h3 և պարբերությունները կարմիր գույնով։ Այս դեպքում դուք ստիպված կլինեք գրել մոտավորապես այսպիսի կոդ.

cssh2 {
  color: red;
}
h3 {
  color: red;
}
p {
  color: red;
}

Սակայն, կա մի եղանակ դա անել մի փոքր ավելի կարճ. Թեգերի ընտրիչները կարելի է միավորել ստորակետով, և CSS կոդը կկիրառվի դրանց բոլորի նկատմամբ միաժամանակ: Վերևում բերված կոդը կարելի է վերագրել ավելի կարճ այսպես.

cssh2, h3, p {
  color: red;
}

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