Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

CSS의 그룹 선택기

<시간/>

원하는 경우 여러 선택기에 스타일을 적용할 수 있습니다. 다음 예와 같이 선택기를 쉼표로 구분하기만 하면 됩니다.

h1, h2, h3 {
   color: #36C;
   font-weight: normal;
   letter-spacing: .4em;
   margin-bottom: 1em;
   text-transform: lowercase;
}

이 정의된 스타일 규칙은 h1, h2 및 h3 요소에도 적용됩니다. 목록의 순서는 중요하지 않습니다. 선택기의 모든 요소에는 해당 선언이 적용됩니다.

아래와 같이 다양한 id 선택기를 함께 결합할 수 있습니다.

#content, #footer, #supplement {
   position: absolute;
   left: 510px;
   width: 200px;
}