Общи свойства при групиране на селектори в CSS

Понякога се случва част от свойствата на някои селектори да са еднакви, а част - да се различават. В следния код, например, заглавията и абзацът имат червен цвят, но абзацът освен това има допълнителни свойства:

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

В такъв случай можете да групирате повтарящите се части, а това, което не се повтаря, да запишете отделно:

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

Опростете кода, използвайки групиране на селектори:

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

Опростете кода, използвайки групиране на селектори:

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