CSS selektorių grupuotė

Kartais gali susidaryti tokia situacija: jums reikia padaryti tą patį su skirtingais ženklais, pavyzdžiui, nudažyti visus antraštes h2, h3 ir pastraipas raudona spalva. Tokiu atveju jums teks parašyti kažką panašaus į tai:

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

Tačiau, yra būdas tai padaryti šiek tiek trumpiau: ženklo selektorius galima sujungti kableliu ir CSS kodas bus taikomas jiems visiems vienu metu. Anksčiau pateiktą kodą galima perrašyti trumpiau taip:

cssh2, h3, p {
  color: red;
}

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