Comment cibler uniquement les enfants immédiats dans une liste triable imbriquée avec des sélecteurs CSS ?

Cibler les enfants immédiats avec des sélecteurs CSS

Dans une liste triable imbriquée, cibler uniquement les enfants immédiats peut être un défi. Bien que les sélecteurs CSS tels que "ul > li" et "#parent > li" puissent sembler appropriés, ils sélectionnent également tous les descendants, ce qui peut entraîner une numérotation incorrecte.

Pour résoudre ce problème, utilisez l'option "ul > ; li" car il cible uniquement les enfants immédiats d'un

élément. Cependant, ce sélecteur n'est pas pris en charge par IE6, ce qui le rend incompatible pour des raisons de compatibilité descendante.

Pour contourner le problème, vous pouvez utiliser la méthode "getElements()" fournie par MooTools, qui renvoie tous les descendants. Pour obtenir uniquement les enfants immédiats, utilisez plutôt "getChildren()".

En ajustant votre sélecteur CSS sur "ul > li" et en remplaçant "getElements()" par "getChildren()" dans votre code MooTools , vous pouvez vous assurer que seuls les enfants immédiats de la liste triée sont ciblés et que les positions sont correctement réinitialisées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!