il nous faudrait ton html pour confirmer, mais je pense que c'est parce que le deuxième tableau n'est pas le deuxième enfant de son parent. Tu peux essayer avec :nth-of-type, qui ciblera le deuxième élément du type ciblé (ici table, donc).
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Bon déjà ça m'a permis de comprendre que j'avais pas bien saisi l'utilisation du nth-child! mais j'ai essayé avec ce que tu propose et ça ne fonctionne pas non plus, comme je sais pas trop si tu préfère que je mète tout le code ou pas je vais tout mettre, j'ai rajouté des commentaires devant les tableaux pour se repérer
le table:nth-of-type reste "enfermé" dans le <div class="result">, il ne peut donc pas trouver de table:nth-of-type(2) puisqu'il n'y a qu'une table par div!
J'ai effectivement essayé ceci
table:nth-of-type(1)
{
background-color: lime;
}
et ça fonctionnait très bien , mais pour tout les tableaux!
Je me suis d'abord dit qu'il faudrait quelque chose comme
.result:nth-of-class()
Mais j'ai cherché et justement elle n'existe pas et certains développeur aimeraient la voir dans css4
Donc finalement, je crois que je n'ai que 2 solutions :
- Il faudrait que tout mes tableaux soient directement enfant de la balise <article> qui contient les <div class="result"> pour pouvoir les appeler avec table:nth-of-type() ?!
- Ou alors, ce que tu a dit, mettre un id à chaque tableau, c'est ce que j'ai d'ailleurs fait
Bon voilà, c'était pour tenter une petite conclusion pour les suivant.e.s, dites si je me suis trompé! ciao et merci Lamecarlate!
- Edité par JosselinPrevost1 24 octobre 2021 à 18:59:29
Pour ta première question : oui, il faudrait les sortir des div de classe result - ce qui n'est pas forcément ce que tu veux.
Pour la seconde idée : je conseille une classe plutôt qu'un id, plus facile à surcharger si jamais le besoin s'en faisait sentir. Réserve les id à JavaScript
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pense à marquer ton sujet comme résolu si c'est le cas tu as un bouton pour ça en haut à droite.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Sélection balise après nth-child ou nth-of-type
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)