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: 12pt }  
H1 { line-height: 14pt }
H1 { font-family: Helvetica }  
H1 { font-variant: normal }
H1 { font-style: normal }


H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; 
       font-family: Helvetica; font-variant: normal; font-style: normal;  }
어떤 속성은 shorthand property라고 부르는 일종의 대표속성을 가지고 있어서, 위의 H1에 대한 예는 아래와 같이 더 간단하게 만들 수 있다.
H1 { font : bold 12pt/14pt Helvetica }
◀ ▶