더북(TheBook)

5.2.1 그룹 선택자

그룹 선택자는 여러 선택자를 하나로 그룹 지을 때 사용합니다. 선택자와 선택자는 , 기호로 구분합니다.

형식

선택자1, 선택자2,… 선택자n{/* CSS 코드 */}

다음과 같이 선택자는 다르지만 선언부는 똑같은 3개의 코드를 예로 들어 봅시다.

p{
  color:red;
}
#title{
  color:red;
}
.red{
  color:red;
} 

선언부가 같기 때문에 그룹 선택자로 묶으면 다음처럼 한 번에 선택자를 지정할 수 있습니다.

05/02/group_selector.html

p, #title, .red{
  color:red;
} 
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.