2010-08-16 56 views
0

嗨下面的代碼在IE6中可以正常工作,但在IE8中不能正常工作我可以知道是什麼導致了這個問題?CSS的嵌套選擇器在IE8中不起作用,但在IE6中起作用?

<html> 
<head> 
<style type="text/css"> 
    .dataSection { 
    font-weight:bold; 
    color:#fff;font-family:Verdana, Arial, Helvetica; 
    text-align:left; 
    background-color:#004E82; 
    padding:2px 4px 2px 2px; 
    } 
    .dataSection.header { 
    font-weight:bold; 
    color:#fff; 
    font-family:Verdana, Arial, Helvetica; 
    text-align:left; 
    background-color:#004E82; 
    padding:2px 4px 2px 2px; 
    } 
</style> 

</head> 
<body> 
<table class="DataSection"> 
<tr> 
    <td class="header">Summary</td> 
</tr> 
</table> 
</body> 
</html> 

回答

4

你的CSS是錯誤的,它只是似乎在Internet Explorer 6中工作,因爲它的一個bug,它會將.foo.bar作爲.bar

您正在尋找.foo .bar。即「帶有class bar的類元素是具有類foo的元素的後代」,而不是你擁有的元素,即「具有類foo和bar的元素,例如<div class='foo bar'>」。

+0

這確實是最後提到的一類。 – ajm 2010-08-16 19:58:21

+0

@ajm - 謝謝。我刪除了我的不確定性陳述。 – Quentin 2010-08-16 20:02:20

+0

...和編輯的問題,以消除有關猜測的評論現在問題已經更新。 – Quentin 2010-08-16 20:03:30