2013-06-11 76 views
0

我正在使用Twitter Bootstrap作爲我的項目的框架。 我也有一個名稱和電子郵件表單域的div#小部件和一個提交按鈕 我想重置爲默認所有的CSS只爲該div和使用我的自定義類。 我試着用:爲特定div重置css

div#widget * { 
    background-color: #FFF; 
    font-size: 12px; 
    ... 
} 

與代碼的問題是,我需要指定每一個CSS屬性

I'm尋找像

div#widget * { 
    // reset to factory defaults here 
} 
+0

沒有這樣的東西tmk ...並注意輸入字段不會從父母(如字體大小)繼承樣式,不像大多數其他html元素。您將不得不重置他們所有,一個接一個,我害怕... – Pevara

+0

我不知道您是否可以這樣做,但您可以嘗試使用此引用來模擬HTML文檔的默認CSS格式: [HTML 4的默認樣式表](http://www.w3 .org/TR/CSS2/sample.html) – Maxito

回答

1

你可以工作一個神奇的解決方案反過來。

With:not()selector。

div:not(#widget) element { 
    /*Rules here will apply to each element wich are not inside div#widget */ 
} 
+0

(2013. note :)仍然不兼容xBrowser。 –

+0

我需要做的恰恰相反:) – handsome

+0

http://caniuse.com/css-sel3使用selectivizir,使這個選擇器可用。 @handsome:我試圖告訴你要採取與你相反的方式。這與你的方式相反,不需要重置任何東西,因爲你首先不會爲#widget子類聲明任何東西。這不是一個更有效的方法嗎?:不(#widget)排除#widget獲取樣式=>沒有樣式? =>沒有重置做! –

0

恐怕要做到這一點是研究的元素默認和痛苦重置所需風格的唯一途徑。

+0

或更新選擇器:not()僞選擇器從規則中排除一個 –