IE8 で「:nth-child」と「:before」を使用できないのはなぜですか?

IE8 :nth-child と :before 互換性の問題

Internet Explorer 8 では、:nth-child などの CSS セレクターを使用するときに問題が発生しますと:前。これらのセレクターは他のほとんどのブラウザーでは効果的に機能しますが、IE8 では互換性の問題が発生します。

質問

CSS で特定のナビゲーション リンクをターゲットにしようとした開発者は、 IE8 の :nth-child と :before に問題があります。特定のリンクに適用される :nth-child(1) セレクターのプロパティを設定しているときに、同じプロパティを :after 疑似要素に適用すると機能しませんでした。

答え

:nth-child は IE8 では直接サポートされていませんが、隣接する兄弟コンビネータ () を使用する回避策があります。このメソッドを利用すると、リスト内の特定の項目をターゲットにすることができます。

• li:first-child は、:nth-child(1)
• と同等です。 li:first-child li は :nth-child(2) と同等
• li:first-child li li は :nth-child(3) と同等)

制限

この回避策は基本的な :nth-child 機能を複製しますが、制限があります。このメソッドでは、より複雑なバリアント (例:nth-child(odd) または :nth-child(4n 3)) をエミュレートすることはできません。

以上がIE8 で「:nth-child」と「:before」を使用できないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。