10
votes

Sélecteurs CSS: Possible de sélectionner uniquement le deuxième élément?

est-ce encore possible?

.column div:first-child + div {
    background-color:red;
}


6 commentaires

Vous vous demandez simplement pourquoi ne pas utiliser un identifiant ou un sélecteur de classe?


J'essaie juste de garder tout ranger ... mais vraiment je suppose que c'est une forme d'optimisation prématurée. * obtient un manteau *


La seule raison pour laquelle je dis que c'est que l'exemple semble au moins démontrer une forme connue (colonnes dans une mise en page), donc si elle est statique et sémantique, je penserais qu'un identifiant / classe serait approprié dans un tel cas.


Vous avez absolument raison. C'est une personne connue et cela ne devrait pas changer de temps bientôt. Est-ce que je viens de faire une erreur en termes de meilleure pratique?


Nah, si cela fonctionne au navigateur croisé et que vous en êtes heureux, allez-y. Mais ma propre préférence serait d'utiliser des attributs descriptifs dans le balisage ainsi que le CSS, juste pour augmenter la lisibilité humaine et le débogage. :)


Vous avez probablement raison, cependant. Comme je l'ai dit, je me sens comme ça est un peu d'optimisation prématurée. C'est un peu plus maigre, mais cela affecte assez la lisibilité. Hmm!


3 Réponses :


13
votes

Cela devrait le faire.

#column > div:first-child + div


5 commentaires

Probablement, mais s'il ne l'a pas attrapé sur la réponse, il n'y a aucune raison de supposer qu'il l'attraperait pendant le développement. Tyops ont des conséquences


Je l'ai réparé quand j'ai remarqué votre réponse. Toujours une douleur à ne pas faire de fautes de frappe lorsque vous tapez dans la fois.


En fait, il ne l'a pas fait, mais ça ne me dérange pas de lui donner le crédit. Trier par plus ancien et le mien sera sur le dessus.


Vous avez absolument raison. Ma faute. Vous êtes arrivé en premier (bien que vous puissiez vouloir sortir le sélecteur de classe comme je l'ai mis à jour la question maintenant :)


C'est en fait la meilleure ressource que j'ai trouvée: NET.TSPLUS.COM/TURTORIALS/HTML-CSS-Techniques/...



4
votes

Vous devez lancer dans la combinaison enfant > juste après #column , sinon le plus interne div s sera également examiné: < Pré> xxx


0 commentaires

0
votes

Essayez ceci xxx


0 commentaires