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

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!