ホームページ >ウェブフロントエンド >CSSチュートリアル >入れ子になった並べ替え可能なリストで直接の子をターゲットにする方法は?

入れ子になった並べ替え可能なリストで直接の子をターゲットにする方法は?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-09 18:12:021019ブラウズ

How to Target Immediate Children in a Nested Sortable List?

ネストされた並べ替え可能なリストで直接の子をターゲットにする

動的で n レベルの深い並べ替え可能なリストでは、直接の子だけを識別してターゲットにすることができます挑戦的であること。 「ul > li」や「#parent > li」などの一般的な子セレクターには、ネスト レベルに関係なく、すべての子要素が含まれます。

直接の子を排他的に選択するには、「ul > li」セレクターを使用します。 。ただし、このアプローチは IE6 ではサポートされていません。

IE6 との互換性に関する回避策

IE6 との下位互換性を確保するには、次の回避策の使用を検討してください。

このメソッドは直接の子にスタイルを明示的に適用し、ネストされた子に対してスタイルをリセットします。

MooTools 固有の解決策

MooTools スクリプトでは、問題は次の点から発生します。 getElements() を使用して、すべての子孫を取得します。直接の子のみをターゲットにするには、代わりに getChildren() を使用します。

以上が入れ子になった並べ替え可能なリストで直接の子をターゲットにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。