Cachez les 2 premières balises div par CSS

Par lilidu95, il y a 4 ans


Les bases HTML/CSS

Contexte :
Je suis sur Wordpress, j'ai installé une extension. Sauf que ce qu'affiche l'extension ne me convient pas totalement.
voici le bout du code actuel

<div id="tabulation" class="ctr-1"> <div class="class="pmrow" <div class="pmsousrow" <div class = "pmsousrow2> </div> </div> </div> <div class="class="pmrow" <div class="pmsousrow" <div class = "pmsousrow2> </div> </div> </div> <div class="class="pmrow" <div class="pmsousrow" <div class = "pmsousrow2> </div> </div> </div> </div>

en résumé, je voudrais afficher toutes les classes div ="Pmrow" sauf les 2 premières.
J'ai réussi la première avec:

tabulation > div:first-child

{visibility: hidden;}

Mais rien n'y fait, je n'arrive pas à cacher la 2ème. Je désespère.

Merci à vous de m'aider

11 réponses

Carouge10, il y a 4 ans

Bonjour,
utilise la méthode nth-child en css

je ne sais si c'est ton code qui est vraiment comme cela mais dans l'attribut "class", tu ne peux pas avoir la propriété "class=" à nouveau

lilidu95, il y a 4 ans

Le code est vraiment comme indiqué dessus.
j'ai essayé la méthode nth-child mais cela ne fonctionne pas.

j'ai lu des tutoriels et essayé différentes manières mais je n'y arrive pas.

Le #tabulation div:nth-child (1n+1) fait disparaître toutes les classes pmrow et pas seulement les 2 premières.
du coup, je ne sais pas comment faire

Carouge10, il y a 4 ans

il y a une grave erreur d'html du coup

ça serait plutôt nth-child(2) a utiliser en plus de first-child

lilidu95, il y a 4 ans

j'ai essayé et cela n'a aucun

Carouge10, il y a 4 ans

qu'elle est le code css de ton essai ?

lilidu95, il y a 4 ans

j'ai essayé les codes suivants

tabulation div:th-child (1)

tabulation div:th-child (2)

tabulation div:th-child (3)

tabulation div:th-child (4)

la 1 fait disparaître toutes les 1ere sous div de ma classe pmrow
Le 2 fait disparaître toutes les 2 sous div de ma classe pmrow
Le 3 la troisième
Le 4 n' aucun effet

Carouge10, il y a 4 ans

en relisant la doc, je dirais que celui-ci serait même mieux div:nth-child(-n+2)

lilidu95, il y a 4 ans

merci. j'essaierais

Carouge10, il y a 4 ans

tu as bien vidé le cache ? WP + navigateur

lilidu95, il y a 4 ans

Oui je vide pour tester le code : div:nth-child(-n+2) fait disparaître toutes les div de classe pmrow

lilidu95, il y a 4 ans

Merci beaucoup, j'y suis arrivée en changeant un petit détail :

dtails > div:nth-child(-n+2)