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
Freigeben: 2024-11-23 06:22:16
Original
770 Leute haben es durchsucht

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage