2016-02-04 77 views
1

我知道你可以使用display:屬性來顯示一個嵌入元素作爲塊元素,也是其他像表格單元格等。但是,有沒有辦法使一個元素顯示像任何其他元素?類似於顯示元素作爲使用css的其他任意元素

div.header{ display: h2; } 

將是有用的。任何方式來實現這個在CSS中,除了覆蓋所有的h2屬性?

+0

這是可能的使用像LESS和SASS這樣的CSS預處理器。請參閱'@ include'。 –

+0

或爲div.header和h2添加(和樣式)另一個公共類 – fcalderan

+0

嗯,當使用@extend h2;就我所見,Sass不包含默認樣式。只有包含h2的樣式,如h2.someclass ... – jonasfh

回答

0

如果h2有以下類型:

h2 { 
line-height: 24px; 
color: rgb(255,0,0); 
font-size: 16px; 
font-weight: bold; 
} 

,你想div.header看起來相同...

你可以在你的CSS說明這一點:

h2, div.header { 
line-height: 24px; 
color: rgb(255,0,0); 
font-size: 16px; 
font-weight: bold; 
} 
+0

好的,但我指出,我不想重寫CSS屬性。而且你的元素看起來不一樣,因爲H2元素也有你需要處理的默認樣式。 – jonasfh

+0

是的,這是可能的,但我的問題的關鍵是要找出是否有一種方法可以簡單地讓一個元素繼承另一個元素的所有樣式,包括默認樣式。在你的例子中,元素看起來不一樣,因爲瀏覽器在標題元素上設置了一個邊界,你不會覆蓋它。 – jonasfh

+0

啊,我明白了!你的問題是關於風格的繼承。我得到你現在從哪裏來。我相當肯定你可以用JavaScript來做到這一點。如果您對基於JavaScript的解決方案感興趣,我將編輯上面的帖子來演示。 – Rounin