Quelle est la différence entre le espace et > sélecteurs? Et éventuellement associé, comment puis-je rechercher quelque chose qui est l'enfant direct de quelque chose d'autre, et non plus bas la ligne descendante?
4 Réponses :
pour: par exemple ajoute la classe "bla" à 1 2 et 3 alors que: < Pré> xxx ajout de la classe "bla" à chaque élément de liste. Je ne sais pas ce que vous parlez avec
UL> LI les a-t-il défini tous vers "bla"? Parce que vous avez une sous-liste qui a également des enfants Li dans une UL.
> signifie des enfants immédiats, pas des petits-enfants ou plus.
UL> LI correspond aux listes imbriquées aussi
Vous devez mettre à jour votre exemple pour avoir le ul en tant que OL car votre code actuel ne fonctionnera pas comme vous le décrivez (bien que techniquement correct).
dans CSS, tandis qu'un espace signifie «tout descendant de»: les enfants directs et les enfants de ces enfants pourraient être sélectionnés.
Je voudrais parier JQuery utilise la même convention. > signifie "enfant direct de": seuls les nœuds qui sont des enfants directs sont sélectionnés.
Comme déjà mentionné, un espace sélectionnera tout descendant, alors que > code> ne choisira que des enfants immédiats. Si vous voulez sélectionner uniquement les petits-enfants ou les arrière-petits-enfants, vous pouvez utiliser ceci: #foo > * > * > .bar
Regardez cela ..
$(".testit > a") //match the first <a> tag below
$(".testit a") // matches all <a> tag below
<p class="testit">
<a href="#">All the rules will match this</a>
<span>
<a href="#">second rule can only select this</a>
</span>
</p>