2012-02-12 49 views
3

我有這個問題,我不知道如何解決它。在我的項目很多HTML文件已經爲div則寬度風格定義,例如:用CSS文件中的條件替換html css樣式

<div style="width:200px" id="boom">/*****/</div> 

在css文件,如果我把喜歡的條件:

`div#boom{width:auto !important;}` 

,因爲風格是HTML定義爲被忽略該div和我知道html條件擊敗CSS條件。 如何解決這個問題?我不想編輯所有的HTML頁面,因爲我會花很長時間。

回答

2

你在做錯事。因爲!important使風格成爲最高優先級,所以它始終使用width: auto;而不是內聯CSS。

一個活生生的例子,這個作品:http://tinkerbin.com/wzrFiyaq
和教程:http://css-tricks.com/override-inline-styles-with-css/

+2

他必須包括在CSS的[風格]來覆蓋它.... – Jared 2012-02-12 08:29:03

+0

@Jared你可以做到這一點沒有[style]屬性選擇器。 – 2012-02-12 08:30:16

+0

謝謝Wouter J,謝謝Jared。 – BurebistaRuler 2012-02-12 09:05:09

1
div[style] { 
    width:auto !important; 
    }​ 
+0

爲什麼在大括號之後是單詞auto? – Jared 2012-02-12 08:30:36

+0

@Jared我認爲這是一個錯字,並編輯了這篇文章。 – 2012-02-12 08:32:57

+0

http://www.w3.org/TR/CSS2/cascade.html#important-rules – InTry 2012-02-12 08:36:23