Yleiset ominaisuudet valitsijoiden ryhmittelyssä CSS:ssä

Joskus osa eri valitsijoiden ominaisuuksista on sama, kun taas osa eroaa. Esimerkiksi seuraavassa koodissa otsikoilla ja kappaleella on punainen väri, mutta kappaleella on sen lisäksi muita ominaisuuksia:

cssh2 {
  color: red;
}
h3 {
  color: red;
}
p {
  color: red;
  text-align: justify;
  font-size: 16px;
}

Tällöin toistuvat osat voidaan ryhmitellä, ja osat, jotka eivät toistu, voidaan kirjoittaa erikseen:

cssh2, h3, p {
  color: red;
}
p {
  text-align: justify;
  font-size: 16px;
}
Задание 1

Yksinkertaista koodia käyttämällä valitsijoiden ryhmittelyä:

cssh1 {
  text-align: center;
}
h2 {
  text-align: center;
  color: blue;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}
Задание 2

Yksinkertaista koodia käyttämällä valitsijoiden ryhmittelyä:

cssh1 {
  text-align: center;
  color: red;
}
h2 {
  text-align: center;
  color: red;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}