parent>子CSSセレクタ

Question

私はこのCSSセレクタparent> childを頻繁に使用します。私のデザインはMozillaとOperaでよく見えます。

しかし、IEでは、それは吸う。私は>がIEでは認識できないことを知っていますが、IEのそれに代わるものは何ですか？

Answer 1

IE6のダイレクトチャイルドセレクタの代替機能はありません（IE7でも動作します）。

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

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 

はしかし、あなたは、特異性の競合に注意する必要があります。

Answer 2

1つの選択肢は、ノードが直接の子ではない場合に有効になります、より具体的なルールを作るためにユニバーサルセレクタを使用することです。 div * pは、一般的なパラグラフで動作する別のルールよりも具体的になります。