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

现在我知道第一个孩子和＆gt;选择器在IE6中不起作用，但是.section h1可以。我的问题是在IE6中，因为.section＆gt;而不会应用.section h1。 DIV：第一胎。有没有办法在不破坏IE的情况下指定两者，而且没有指定整个样式两次？

Answer 1

是的，正如prodigitals所说的那样将它们分开。由于IE不识别“：first-child”，它只是“跳出”并继续下一个声明。

Answer 2

将它们放在单独的声明中。或者更好的是使用条件注释在主要的样式表之后包含ie6仅样式表，该样式表仅包含.section h1的相同定义。