div.duvidas2 > div > div::active +
div.duvidas2 > div > article {
display: block;
}
div.duvidas2 > div > article {
display: none;
}
<div class=duvidas2>
<div>
<div>
<span>Titulo 1</span>
<label>+</label>
</div>
<article>Artigo 1.</article>
</div>
<div>
<div>
<span>Titulo 2</span>
<label>+</label>
</div>
<article>Artigo 2.</article>
</div>
</div>
Meu objetivo é clicar na div.duvidas2 > div
e abrir o article
Mas apenas o article
da div.duvidas2 > div
que estiver ativa deve estar com display:block
Onde estou errando?