Гурӯҳбандии селекторҳои мураккаб дар CSS

Бигзор мо ду селектори зеринро дошта бошем:

css.block h2 {
  color: red;
}
.block h3 {
  color: red;
}

Аз онҷо ки ин селекторҳо як корро анҷом медиҳанд, онҳоро бо истифода аз вергул гурӯҳбандӣ кардан мумкин аст:

css.block h2, .block h3 {
  color: red;
}

Задание 1

Кодро бо истифода аз гурӯҳбандии селекторҳо содда кунед:

css#block h1 {
  text-align: center;
}
#block h2 {
  text-align: center;
}

Задание 2

Кодро бо истифода аз гурӯҳбандии селекторҳо содда кунед:

css#block h1 {
  text-align: center;
  font-size: 30px;
}
#block h2 {
  text-align: center;
  font-size: 20px;
}