Allmänna egenskaper vid gruppering av selektorer i CSS

Det händer att en del egenskaper hos vissa selektorer är desamma, medan en del skiljer sig åt. I följande kod har till exempel rubriker och stycken röd färg, men stycket har dessutom andra egenskaper:

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

I sådana fall kan du gruppera de upprepade delarna och skriva det som inte upprepas separat:

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

Förenkla koden genom att använda gruppering av selektorer:

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

Förenkla koden genom att använda gruppering av selektorer:

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