Вложенный селектор CSS не работает в IE8, но работает в IE6? - PullRequest
0 голосов
/ 16 августа 2010

Привет. Приведенный ниже код отлично работает в 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>

1 Ответ

4 голосов
/ 16 августа 2010

Ваш CSS неправильный, он просто работает в Internet Explorer 6, потому что в нем есть ошибка, из-за которой он обрабатывает .foo.bar как .bar

Вы ищете .foo .bar. т.е. "элемент с классом bar, который является потомком элемента с классом foo", в отличие от того, что у вас есть, то есть "элемент с классом foo и bar, таким как <div class='foo bar'>".

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...