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