Question

嗨以下代码在IE6中工作正常，但在IE8中没有，我可能知道导致问题的原因是什么？

<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>

Answer 1

您的CSS错误，它似乎在Internet Explorer 6中有效，因为它有一个错误，它将.foo.bar视为.bar

您正在寻找.foo .bar。即“具有类别条的元素，它是具有类foo的元素的后代”而不是您拥有的元素，即“具有类foo和bar的元素，例如<div class='foo bar'>”。

CSS的嵌套选择器在IE8中不起作用但在IE6中有效吗？

1 个答案: