J'essaie d'utiliser ceci pour sélectionner la seconde une balise à partir d'une liste:
.container li a:first-child + a { ... }
4 Réponses :
Assurez-vous que votre Si vous souhaitez simplement sélectionner le second si votre code> comme ses deux premiers enfants, et pas d'autres éléments autour d'eux puisqu'ils peuvent invalider le : Premier-enfant code> et sélecteurs de sodiblon adjacents. code> quel que soit l'élément d'autre type d'éléments dans votre > code> éléments, vous pouvez utiliser le combinateur général de la soeur ~ code> pour bonus IE7 / IE8 Support: P> .container li:first-child + li a
.container li:nth-child(2) a
Ou, vous savez, vous pouvez simplement inverser les styles pour les éléments suivants à l'aide de .Container Li a ~ a ~ a .
@Felipe alsacreations: Je semble vous rappeler que vous pour marquage de cette question avec [CSS-SELECTEURS] quelques temps de retour ... i Devrait-il vous remercier, comme je suis tout à fait amoureux des sélecteurs de CSS, et je pense que je vais enfin obtenir un badge d'or pour ce que je considérerais une belle étiquette obscure ce soir. Alors merci beaucoup! :)
Il m'a fallu un moment pour l'obtenir. Je ne pouvais pas imaginer que quelqu'un a presque 1000 upvotes sur cette balise :)
Il suffit d'utiliser Le problème ici est probablement que le premier si vous avez un : nième de type : n'est pas Le premier enfant, ou le deuxième n'est pas adjacent à celui-ci. Quoi qu'il en soit, : nième de type est la bonne façon de le faire.
par .Container Li: nième de type (2) a .
Je soupçonne que vos ancrages sont dans les éléments de la liste:
.container li:first-child + li a { ... }
Utilisez Nth-enfant (2)
.container li a:nth-child(2){....}
L'opérateur
+ ne fonctionne que pour deux éléments adjacents, il ne peut y avoir rien entre euxNon, nous ne pouvons pas voir où vous avez mal tourné jusqu'à ce que nous puissions voir votre HTML.