html - IE6 中的 CSS 中断

Question

我有以下 CSS 选择器:

.section h1,
.section > div:first-child
{
 background-color: #E5E5E5;
 border-bottom: solid 1px #CCCCCC;
 padding: 3px;
 text-align:left;
 font-weight:bold;
}

现在我知道 first-child 和 > 选择器在 IE6 中不起作用，但 .section h1 可以。我的问题是，在 IE6 中，由于 .section > div:first-child，.section h1 没有得到应用。有没有什么方法可以既不破坏 IE，又不指定整个样式两次？

Answer 1

是的，按照 prodigitalson 的说法将它们分开。由于 IE 不识别“:first-child”，它只是“跳出”并继续下一个声明。