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;
}