Selector 묶어서 사용하기

여러 개의 selector가 같은 속성을 사용할 때는 하나로 묶어서 쓸 수 있다. 아래의 두 예는 같은 뜻이다.

H1{font-family:Helvetica}
H2{font-family:Helvetica}
H3{font-family:Helvetica}
H1, H2, H3{font-family:Helvetica}

하나의 selector가 여러 개의 속성을 사용할 때는 속성들 사이에 세미콜론(;)을 써서 쓸 수 있다.

아래의 두 예는 같은 뜻이다.

H1{font-weight:bold}
H1{font-size:11pt}
H1{line-height:12pt}
H1{font-family:Helvetica}
H1{font-variant:normal}
H1{font-style:normal}
H1{font-weight:bold;font-size:11pt;line-height:14pt;font-family:Helvetica;font-variant:normal;font-style:normal}

어떤 속성은 shorthand property라고 부르는 일종의 대표속성을 가지고 있어서,

위의 H1에 대한 예는 아래와 같이 더 간단하게 만들 수 있다.

H1{font:bold 11pt/12pt Helvetica}