CSS에서 선택자 그룹 지정은 여러 요소에 동일한 스타일을 적용하고 싶을 때 사용됩니다.

선택자 그룹 지정 문법

선택자 그룹 지정은 쉼표(,)를 사용하여 여러 선택자를 하나의 그룹으로 묶어서 스타일을 적용하는 것을 말합니다. 다음은 선택자 그룹 지정의 기본 문법입니다.

selector1, selector2, selector3 {
  property: value;
}

선택자 그룹 지정 예제

아래 예제는 선택자 그룹 지정을 사용하여 h1, h2, h3 요소에 동일한 스타일을 적용하는 방법을 보여줍니다.

h1, h2, h3 {
  color: blue;
  font-size: 24px;
}

이제 h1, h2, h3 요소는 모두 파란색으로 표시되며 24px 크기로 표시됩니다.

선택자 그룹 지정의 장점

선택자 그룹 지정을 사용하면 동일한 스타일을 가진 여러 요소를 간편하게 선택하여 한꺼번에 스타일을 적용할 수 있습니다. 이를 통해 코드를 간결하게 유지할 수 있고 유지 보수가 쉬워집니다.

이상, CSS 선택자 그룹 지정에 대한 간단한 소개였습니다. 선택자 그룹 지정을 효과적으로 활용하여 웹 페이지의 스타일링을 보다 효율적으로 관리할 수 있습니다.

CSS 선택자 그룹 지정 참고 문서