覆蓋多個類

Question

如果我試圖重寫多個類中的特定標記，是否必須爲每個類明確寫出該標記，或者是否有將它們組合的方法。例如，我有：

.class1 { } 
.class2 { } 
.class1 h2 { 
    <!-- some code --> 
} 

而且我想申請代碼爲H2標籤Class1中還H2標籤在Class2中，有沒有辦法把它定義爲雙方的Class1和Class2中，而無需編寫代碼的兩倍？

Answer 1

你想Selector Grouping：

.class1 h2, 
.class2 h2 { ... } 

引述規格：

在這個例子中，我們凝聚有相同的聲明三個規則合爲一體。因此，

h1 { font-family: sans-serif } 
h2 { font-family: sans-serif } 
h3 { font-family: sans-serif } 

等同於：

h1, h2, h3 { font-family: sans-serif } 

Answer 2

，如果你想的CSS申請頁面所有H2，你可以將其定義頁面級別。但是，如果您只想申請class1 & class2，則必須將其寫入兩次。

Answer 3

如果您在多個類中具有相同的CSS樣式，那麼您應該組合這些類，以便優化代碼。

您可以對css類進行分組。

.class1 h1{ ........} 
.class2 h2{ ........ } 

這意味着，h2元素將具有class1 css風格。

.class1,.class2{..........} 

這意味着，1類，Class2中都具有相同的CSS樣式

Answer 4

<h2 class="class1 class2">This is my taunt</h2> 

這是爲了實現多個類別的標準方法。作爲一般規則，您應該定義預先知道的類將重疊，以排除您知道其他類中的聲明。爲公共屬性/值對創建第三個類。