Nth-enfant ne fonctionne pas avec CSS Table-Cellule
p>
<div class="table"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div>
3 Réponses :
Le sélecteur Nth-enfant ne fonctionne pas du point de vue du parent, plutôt de l'élément enfant.
pense, au lieu de "le nième enfant de cet élément", plutôt "si
Avez-vous essayé de changer votre appel de
.table: Nth-enfant () à.Cell: Nth-enfant () ? Semble avoir l'effet que vous voulez, mais je ne suis pas un expert CSS, je ne peux donc pas dire avec certitude si c'était un péché cardinal.Frais. {.Table .Celler: Nth-enfant ()} ça marche. Cette étrange logique.
Vous trouverez que CSS est une chose très fickle parfois. Si vous connaissez quelqu'un qui est vraiment bon avec CSS le courait par lui / elle pour s'assurer que je ne vous ai pas donné une solution terrible. Je suis disposé à parier qu'il y a des choses de nidification qui rendent le
nième enfant ne fonctionne pas mais je ne peux pas dire à coup sûr.C'était vraiment un malentendu débutant