Page 1 sur 1

Display:block ne fonctionne pas

Posté : 02 août 2017, 20:19
par Agent5acad27
Bonjour, tout d'abord, voici mon code concerné:

Fichier HTML:
<div id="groupquestions">
      <div class="active">Texte 1</div>
      <div>Texte 2</div>
      <div>Texte 3</div>
</div>
Fichier CSS:
#groupquestions{
	display: none;
}
.active {
    display:block;
}
Je ne comprend pas, ce code a toujours fonctionné, pourtant je ne vois pas du tout de tout cette erreur peut venir...

Merci d'avance,
Bien cordialement,
KonScyence

Re: Display:block ne fonctionne pas

Posté : 02 août 2017, 23:27
par @rthur
Quel est le problème en fait ?
https://jsfiddle.net/rrkfjqyq/

Re: Display:block ne fonctionne pas

Posté : 02 août 2017, 23:44
par Agent5acad27
Faudrait que le active s'affiche même si groupquestions est caché.

Re: Display:block ne fonctionne pas

Posté : 03 août 2017, 01:08
par Agent5acad27
Bon, voilà j'ai réussi à faire cela:

HTML:
<div id="groupquestions">
    <div>one</div>
    <div class="active">two
        <div>dog</div>
    </div>
</div>
CSS:
#groupquestions div{
    display: none;
}
#groupquestions div.active{
    display: block;
}
Le résultat: https://jsfiddle.net/rrkfjqyq/1/

Par contre le div contenant "dog" ne s'affiche pas, quelqu'un serait comment faire, svp ?

Bien cordialement,
KonScyence

Re: Display:block ne fonctionne pas

Posté : 03 août 2017, 07:59
par Spols
#groupquestions div{
    display: none;
}
#groupquestions div.active, #groupquestions div.active div{
    display: block;
}
OU
#groupquestions > div{
    display: none;
}
#groupquestions div.active{
    display: block;
}