2010-04-08 50 views
5

我有一種情況,我正在查看某些CSS屬性不會被繼承的地方。這圍繞着表格和IE8。使用下面的示例HTML我不能讓表格中的文本繼承綠色。爲什麼CSS繼承在IE8中不適合我?

這適用於Firefox和Chrome,但不適用於IE8,從閱讀起,這似乎一直是IE中的一個問題,但本意是在我讀的版本中工作。

我試圖指定每個可能的繼承值,但無濟於事問題是IE8中的CSS繼承支持是越野車,還是我錯過了什麼?

我不希望答案改變內聯CSS是類,我當然不想在表上留下任何評論,因爲這一切都源自於構建和設計內聯CSS和表格必不可少的HTML電子郵件。

<html> 
<head></head> 
<body> 
<table style="color: green;"> 
    <tr> 
    <td> 
     <span>Span</span> 
     <p>Paragraph</p> 
     <div>Div</div> 
     <table style="color:inherit;"> 
     <tr> 
      <td>Table</td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 
</body> 
</html> 

回答

4

你說得對,這很奇怪,雖然我發現添加一個有效的doctype解決了這個問題。 http://jsbin.com/etuti/2

+0

有趣。我敢肯定,我嘗試過,可能會刷新錯誤的頁面或其他東西。謝謝。 – rrrr 2010-04-08 13:41:47

+0

很高興。在ie的怪異模式下,字體格式化非常遺傳。 – graphicdivine 2010-04-08 13:48:48

1

我從來沒有遇到任何IE瀏覽器的繼承問題。我通常會遇到缺少選擇器和屬性支持以及定位錯誤等問題。

難道你沒有選擇器的正確特性嗎?我敢肯定,他們在這個順序去(從具體到少)

  • 在線style屬性(style="color: green;"
  • ID選擇(#bob
  • 類選擇(.jill
  • 元素選擇器(body

如果全部失敗,可以添加!important有幫助嗎?我會用這個作爲最後的手段,因爲通常你可以通過提供一個更具體的選擇器來給出特定的。