擴展CSS類

Question

是否有任何可能性只使用css擴展存在類？

.darkStyle { 
     color:#eee; 
     background:#222; 
} 
.element { 

     // here I want to get all properties from darkStyle 

     min-width:100px; 
     display:block; 
} 

我知道我可以在HTML類=「darkStyle元件」使用，但任何類似的在我的例子延伸方法將是更可用。

Answer 1

爲此使用Less或Sass。

在減：

.element { 
    .darkStyle; // Will output all styles from .darkStyle; 
    min-width:100px; 
    display:block; 
} 

Answer 2

分配共同屬性第一，然後分配的獨特性質對於.element。這將是僅有CSS的唯一方式。您可以使用像Less這樣的CSS框架來增加繼承等功能。

.darkStyle, .element { 
    color:#eee; 
    background:#222; 
} 

.element { 
    min-width:100px; 
    display:block; 
} 

Answer 3

不，你不能「擴展」類。而且你不需要，CSS不是一種編程OO語言，並且具有不同的機制。

例如，類可以給定的HTML元素進行組合：

<p class="darkStyle"> 
    I'm styled by styles applying to .darkStyle 
</p> 
<p class="darkStyle element"> 
    I'm styled by styles applying to both .darkStyle and .element 
</p> 

Multiclass!