2010-09-11 89 views
5

我想要使用其他css類的屬性,而不必重寫代碼...我不太瞭解CSS,所以請原諒我的簡單問題。另一個類作爲屬性的css類

是否有可能做這樣或類似的事情在CSS?

.class_a { 
    background:red; 
} 

.class_b{ 
    .class_a; 
} 
+3

CSS本身不能做到這一點,但你可能想看看LESS(http://lesscss.org/)。 – Chris 2010-09-11 22:23:56

+0

可能的重複[可以CSS類繼承一個或多個其他類?](http://stackoverflow.com/questions/1065435/can-a-css-class-inherit-one-or-more-other-classes) – 2010-09-11 22:32:05

回答

3

最好的方法(我知道的),再利用CSS類是決定的CSS屬性,你想重新使用,並且把這種在一個單獨的類,像這樣:

.class_a { 
    background:red; 
} 

然後,每次你想重新使用這些屬性,你的類添加到html元素,與空間中的不同的類名之間,就像這樣:

<div class="text class_a">This will be red, and have the properties of the text class</div> 
<div class="text">This will only have the properties of the text class</div> 
2

您可以使用相同的屬性列出多個選擇器:

.class_a, .class_b { 
    background:red; 
} 
1

CSS工具,讓你在你所描述的方式進行編碼。您只需對代碼進行一些後處理即可生成有效的CSS。

結賬LESS

0

不可能使用CSS。但是,您可以使用類似Sass的東西來實現此目的。 Sass允許您使用諸如您所描述的增強功能編寫CSS。不幸的是,這引入了一個額外的步驟,因爲Sass文件必須先轉換爲CSS,然後才能在頁面上使用它們。可以幫助您節省大量的鍵入:)