CSS ломается в IE6

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 h1 не применяется из-за .section> div: first-child. Есть ли способ указать как без разрыва IE, так и без указания всего стиля дважды?

Answer 1

Да, отделите их, как говорит блудный сын. Поскольку IE не распознает «: first-child», он просто «выпрыгивает» и переходит к следующему объявлению.

Answer 2

Поместите их в отдельные декларации. ИЛИ еще лучше, используйте условный комментарий, чтобы включить таблицу стилей, включающую только ie6, после основной, которая содержит такое же определение только для .section h1.