2013-01-01 39 views
-1

我在CSS類中有CSS代碼。html,正在應用CSS文件中的最後一個值

.ie8 html, body { 
padding-left: 140px; 
} 

html, body { 
padding-left: 0px; 
} 

這裏html,body是最後一項。所以,對於ie8,html, body正在得到應用。

現在,如果我交換它們,那麼.ie8 html, body將是最後一個條目。因此,對於Chrome和FF,.ie8屬性正在得到應用。

CSS文件從Web服務器向外引用。

如何解決這個問題?

+0

發佈您的.html文件 –

+7

你用什麼元素包裝'html'? 'html'應該是根元素;所以選擇器'.ie8 html'應該不能匹配任何元素或者根本不能應用。參考文獻:[''(MDN)](https://developer.mozilla.org/en-US/docs/HTML/Element/html),['html'(W3.org)](http:// www .w3.org/TR/HTML的標記/中將Html.HTML#HTML)。 –

+1

應該在'body'之前有'.ie8'嗎? – Musa

回答

1

由於穆薩說,.ie8 html, body將適用於兩個不同的東西:

  • 一個html元素是類ie8元素(這可能是不存在的,因爲html應該是頂級元素)
  • 和每個body元素(ie8類選擇器在此適用)。

因此,您有兩條規則處理body,第二條規則覆蓋第一條。如果切換它們,效果會改變。您可能需要html.ie8 body.ie8 body(僅用於body元素)或html.ie8, html.ie8 body.ie8, .ie8 body(用於htmlbody元素)。

相關問題