css : 쓰기 쉬운 방법 : div.markup h1, div.markup h2, div.markup h3 {color : # f00;}?

Question

더 쉬운 방법이 있나요?

<style type=text/css> 
div.markup h1,div.markup h2,div.markup h3,div.markup h4{color:#f00;} 
</style> 

Answer 1

나는 대답이 '아니오'두려워. div.markup (h1,h2,h3,h4)을 할 수 있으면 좋겠지 만 현재 사양에서는 허용하지 않습니다.

Answer 2

아니요. SASS 제공 대체 구문과 같은 외부 CSS 사전 컴파일러는, 그래서 이것은 작동합니다 :

div.markup 
{ 
    h1,h2,h3,h4 { color: #F00; } 

} 

그것은 정상적인 CSS에서 불가능하지만.

Answer 3

아니요, CSS에 더 쉬운 방법은 없습니다.

당신이로 쓸 수 있도록 할 스타일 시트를 처리 할 {less} 같은 것을 사용하여 조사 할 수는 :

div.markup { 
    h1, h2, h3, h4 { color: #f00; } 
}