是否有可能讓CSS類互相擴展？

Question

我有一些CSS類爲：

.span9 { 
    width: 870px; 
    } 
    .span4 { 
    width: 370px; 
    } 

在另一個自定義CSS文件，我不想再拍CSS類.span9？我該怎麼做呢？

原因是因爲DOM元素使用.span4，我想重寫這個，但它必須在自定義的外部CSS文件中重寫。

這可能嗎？

Answer 1

你可以使用重要的功能覆蓋在另一個文件中的任何設置，以便在新的文件，你可以做這樣的事情：

.span9 { 
    width: 800px !important; 
} 

Answer 2

是的，CSS是級聯的（樣式表），所以只需在初始樣式之後加載更改，並且它會按需要工作。如果你想覆蓋寬度只是重申聲明，如果你想添加樣式簡單地聲明它們。

Answer 3

如果你有.span你可以做到這一點不同的父：

HTML

<div id="parent"> 
    <span class="span9"> Hello world!</span> 
</div> 

CSS

.span9{width:870px;} 
#parent .span9{width:100px;} 

或者你直接是HTML（但它不是一個很好的方法）

<span class="span9" style="width:100px!important;"> Hello world</span> 

Answer 4

是，只使用!important。這將覆蓋其後的其他CSS規則，除非它們也被標記爲!important。

所以你的第二個樣式表可以包含類似

.span9 { 
    width: 1020px !important; 
    } 

，這就是在CSS將默認爲。您可以使用它來覆蓋CMS等內置的樣式表，而不必混淆他們的實際樣式表。

Answer 5

您可以通過串聯標籤名稱和類名來覆蓋它。例如，這個：div.span4將覆蓋簡單的.span4，看看：http://jsfiddle.net/5dYHG/1/