Wspólne właściwości przy grupowaniu selektorów w CSS

Zdarza się, że część właściwości niektórych selektorów jest taka sama, a część różni się. W poniższym kodzie, na przykład, nagłówki i akapit mają czerwony kolor, ale akapit ma dodatkowo jeszcze inne właściwości:

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

W takim przypadku można zgrupować powtarzające się części, a to, co się nie powtarza, zapisać osobno:

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

Uprość kod, używając grupowania selektorów:

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

Uprość kod, używając grupowania selektorów:

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