sélecteur jquery : first-child et :last-child ne peuvent pas obtenir la solution à l'élément

Ci-dessous, nous présenterons comment résoudre ce problème à travers des exemples de code réels. Si nous avons le code HTML suivant

<a href="#" class="button"><</a>
<a href="#" class="button">></a>
<div id="f">F</div>
<div id="s">S</div>
<div id="t">T</div>

Nous devons trouver la dernière balise a avec le bouton de classe, puis selon nos connaissances. la pseudo-classe CSS3 , vous pouvez facilement écrire le code suivant

.button:last-child {
    background-color: #ffd700;
}

Après l'avoir exécuté, j'ai constaté que la couleur de fond de la seconde a n'avait pas changé. le code CSS. C'est vrai, il doit y avoir quelque chose qui ne va pas avec le HTML. Après plusieurs modifications, j'ai découvert que le HTML et le CSS pouvaient être modifiés ainsi.

<div>
<a href="#" class="button"><</a>
<a href="#" class="button">></a>
</div>
<div id="f">F</div>
<div id="s">S</div>
<div id="t">T</div>
<style>
div .button:last-child {
    background-color: #ffd700;
}
</style>

Puis j'ai soudain réalisé que le premier enfant et le dernier enfant sont en effet très arrogants et volontaires. Si les éléments enfant de l'élément père contiennent d'autres balises différentes, ils 2 One sont très désobéissants.

Résumé

Alors qu'ont-ils écouté et qu'est-ce qu'ils n'ont pas écouté ? Après quelques tests, je suis arrivé à la conclusion que

Lors de l'utilisation en premier, le premier enfant ? Les éléments doivent avoir la même balise. Le milieu et le dernier peuvent être différents,
le dernier est le contraire, le dernier élément doit être le même, le devant et le milieu peuvent être différents

Ce qui précède est le contenu soigneusement préparé pour vous par le éditeur de la communauté Yunqi, dans Yunqi Les blogs, questions-réponses, comptes publics, personnages, cours et autres colonnes de la communauté ont également du contenu pertinent. Vous êtes invités à continuer à utiliser le bouton Rechercher dans le coin supérieur droit pour effectuer une recherche. pour css. Le code de la balise est firstchild lastchild, jquery last child , jquery firstchild, jquery first child, jquery first last, afin que vous puissiez acquérir des connaissances plus pertinentes.

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!