2013-07-25 57 views
0

比方說,我們有這樣的:繼承只有在CSS中一個屬性

.first-class { 
background: purple; 
font-weight: bold; 
color: white; 
} 
.first-class > .second-class { 
/* code goes here */ 
} 

在。第二類,是否有可能只繼承一流的,也就是說,後臺一個屬性,而保持其他屬性作爲默認?

+0

這不是繼承(這是一個具體的,明確定義的,廣泛誤解在CSS概念)。你似乎想設置一些屬性爲「默認」,*重寫*可能的繼承。請重新說明問題,並指定「默認」(CSS初始值?瀏覽器默認值?該屬性可能具有的值?) - 三種截然不同但概念相同的概念)。 –

回答

1

不需要。您必須重置它們。作爲.second-class的父母的.first-class將接受其繼承。

這裏是WORKING EXAMPLE來說明您的方案在重置之前。

現在,當你reset it.

前和復位後,找到下面的代碼。

復位前:

的HTML:

<div class="first-class"> 
    <div class="second-class">abcd</div> 
</div> 

的CSS:

.first-class { 
background: purple; 
font-weight: bold; 
color: white; 
} 
.first-class > .second-class { 
/* code goes here */ 
} 

復位後:

的HT ML:

<div class="first-class"> 
    <div class="second-class">abcd</div> 
</div> 

的CSS:

.first-class { 
background: purple; 
font-weight: bold; 
color: white; 
} 
.first-class > .second-class { 
background: inherit; 
font-weight:normal; 
color:black; 
}