2012-02-02 61 views
1

我有同樣的規則,首先是外部.css文件,第二個是通過內部... 在EXCSS - 內部vs外部+重要!規則

.img1 { background-image: url("....") !important; } < - .css文件中聲明,並通過該代碼添加

.img1 { background-image: url("....") !important; } < - 在代碼中通過聲明部分聲明。

看來,外部+重要的內部重要+重要。

怎麼回事?除了重要的事情之外,還有什麼可以解決的呢?在外部CSS規則排除

感謝

+3

說實話..在編碼年代,我從來沒有發現需要使用!重要的規則,永遠。如果你從邏輯上思考結構,你可以完全控制任何東西,而不必使用!important。我會刪除兩個!重要的聲明並解決您的問題。 – Scott 2012-02-02 08:20:15

+0

+1 @ @ Scott的評論,'!重要的'聲明打破了自然的級聯,儘可能地避免它們像瘟疫一樣。如果兩個聲明都是相同的,那麼你是在聲明第一個還是最後一個?嘗試導入您想要優先的那個作爲最後一個。 – 2012-02-02 08:48:27

回答

0

聽起來這是關於CSS選擇器優先級,至極基本上是:

  • 如果不同的規則適用於同一元素,更具體的規則使用(p.class不僅僅是.class更好)
  • 它的規則是相同的,後來的一個使用含有!important優於「正常」的那些ê
  • 規則verytime
  • 如果包含!important兩個規則適用於同一元件,更具體的一個或後面的一個被用於

閱讀更多關於這一點,看看http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

以後=進一步向下在傳入的css文件或css文件的內容中進一步包含在相同的html文檔中。