css - 親>子CSSセレクター

Question

私はこの CSS セレクターの親>子をよく使用します。私のデザインは Mozilla と Opera で見栄えがします。

しかし、IEでは、それはひどいです。は IE では認識できないことはわかっ>ていますが、IE ではそれの代わりになるものは何ですか?

Answer 1

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 でも機能するはずです)。

代わりに、子孫セレクター (スペース) を使用して、補正するようにクラスを設計する必要があります。