ホームページ >ウェブフロントエンド >CSSチュートリアル >入れ子になった並べ替え可能なリストで直接の子をターゲットにする方法は?
ネストされた並べ替え可能なリストで直接の子をターゲットにする
動的で n レベルの深い並べ替え可能なリストでは、直接の子だけを識別してターゲットにすることができます挑戦的であること。 「ul > li」や「#parent > li」などの一般的な子セレクターには、ネスト レベルに関係なく、すべての子要素が含まれます。
直接の子を排他的に選択するには、「ul > li」セレクターを使用します。 。ただし、このアプローチは IE6 ではサポートされていません。
IE6 との互換性に関する回避策
IE6 との下位互換性を確保するには、次の回避策の使用を検討してください。
このメソッドは直接の子にスタイルを明示的に適用し、ネストされた子に対してスタイルをリセットします。
MooTools 固有の解決策
MooTools スクリプトでは、問題は次の点から発生します。 getElements() を使用して、すべての子孫を取得します。直接の子のみをターゲットにするには、代わりに getChildren() を使用します。
以上が入れ子になった並べ替え可能なリストで直接の子をターゲットにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。