родительский> дочерний CSS селектор

Question

Я часто использую этот родительский селектор CSS> дочерний. Мой дизайн выглядит хорошо в Mozilla и Opera.

Но в IE это отстой. Я знаю, что > не распознается в IE, но что является альтернативой этому в IE?

Answer 1

Одной из альтернатив является использование универсального селектора для создания более конкретного правила, которое вступит в силу, если узлы не являются прямыми дочерними элементами:

div p {color: red;}     // Takes effect if there's a <p> child at some level
div * p {color: black;} // .. but this'll be true if it's not a direct child

Однако вам нужно остерегаться конфликтов специфики. div * p будет более конкретным, чем другое правило, которое работает, например, с абзацами в целом.

Answer 2

Нет альтернативы для прямого дочернего селектора в IE6 (хотя он должен работать в IE7).

Вместо этого вам нужно использовать селектор-потомок (пробел) и спроектировать классы для компенсации.