Cachez les 2 premières balises div par CSS

lilidu95
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
Réponse acceptée

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

lilidu95
Auteur
Réponse acceptée

merci. j'essaierais

Carouge10

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
Auteur

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 une grave erreur d'html du coup

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

lilidu95
Auteur

j'ai essayé et cela n'a aucun

Carouge10

qu'elle est le code css de ton essai ?

lilidu95
Auteur

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

tu as bien vidé le cache ? WP + navigateur

lilidu95
Auteur

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

lilidu95
Auteur

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

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