OO는 CSS에서와 유사합니다 : 상속이 가능합니까? 나는 간단한 테두리 스타일을

Question

말 :

.border 
{ 
    /*content*/ 
} 

내가 몇 가지 다른 클래스는이 테두리 스타일을 상속합니다. 이것이 CSS에서만 할 수 있습니까? 또는 HTML로 지정해야합니까?

.actionArea : .border 
{ 
    /*content */ 
} 

또는 이것은 단지 같은 HTML 수행 할 수 있습니다 :

내가 원하는 후자는 가능하면

<div class="actionArea border"/> 

그것은 매우 짜증나는 것입니다.

이 못생긴 조금 충분 작동하지만 여전히
업데이트 :

.actionArea, .otherArea, .anotherArea 
{ 
    /*border specification */  
} 

.actionArea 
{ 
    /*area specification/* 
} 

.otherArea 
{ 
    /*area specification/* 
} 

(..) 

Answer 1

당신은 그런 일에 대한 CSS 프레임 워크와 같은 LESS를 사용해야합니다.

Answer 2

sass을 사용할 수 있습니다. 아마 당신이 http://sass-lang.com/#nesting

table.hl { 
    margin: 2em 0; 
    td.ln { 
    text-align: right; 
    } 
} 

li { 
    font: { 
    family: serif; 
    weight: bold; 
    size: 1.2em; 
    } 
} 

를 사용하려면 중첩 기능입니다 또는 오디드 말했듯이 당신은 LESS를 사용할 수 있습니다. 덜 흥미로운 특징 중 하나는 mixins입니다. 이것이 바로 상속 아니지만 그것은 당신에게

예 LESS

.bordered { 
    border-top: dotted 1px black; 
    border-bottom: solid 2px black; 
} 

#menu a { 
    color: #111; 
    .bordered; 
} 
.post a { 
    color: red; 
    .bordered; 
} 

에서 복사 CSS에서이-관계를 제공합니다