Heim >Web-Frontend >CSS-Tutorial >Wie kann man mit CSS-Selektoren nur unmittelbar untergeordnete Elemente in einer verschachtelten sortierbaren Liste ansprechen?

Wie kann man mit CSS-Selektoren nur unmittelbar untergeordnete Elemente in einer verschachtelten sortierbaren Liste ansprechen?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-23 06:22:16808Durchsuche

How to Target Only Immediate Children in a Nested Sortable List with CSS Selectors?

Direkt untergeordnete Elemente mit CSS-Selektoren gezielt ansprechen

In einer verschachtelten sortierbaren Liste kann es schwierig sein, nur die unmittelbar untergeordneten Elemente anzusprechen. Obwohl CSS-Selektoren wie „ul > li“ und „#parent > li“ geeignet erscheinen mögen, wählen sie auch alle Nachkommen aus, was zu einer falschen Nummerierung führen kann.

Um dieses Problem zu beheben, verwenden Sie „ul > ; li“-Selektor, da er nur auf die unmittelbaren untergeordneten Elemente eines

    Element. Allerdings wird dieser Selektor von IE6 nicht unterstützt, was ihn aus Gründen der Abwärtskompatibilität inkompatibel macht.

    Um dieses Problem zu umgehen, können Sie die von MooTools bereitgestellte Methode „getElements()“ verwenden, die alle Nachkommen zurückgibt. Um nur die unmittelbaren Kinder zu erhalten, verwenden Sie stattdessen „getChildren()“.

    Indem Sie Ihren CSS-Selektor auf „ul > li“ anpassen und „getElements()“ durch „getChildren()“ in Ihrem MooTools-Code ersetzen können Sie sicherstellen, dass nur die unmittelbaren untergeordneten Elemente der sortierten Liste als Ziel ausgewählt werden und die Positionen korrekt zurückgesetzt werden.

    Das obige ist der detaillierte Inhalt vonWie kann man mit CSS-Selektoren nur unmittelbar untergeordnete Elemente in einer verschachtelten sortierbaren Liste ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn