Tenho a seguinte marcação:
<div class="step-content">
<div id="step-1">
<h1>step 1</h1>
<h1>step 1</h1>
</div>
<div id="step-2">
<h1>step 2</h1>
<h1>step 2</h1>
</div>
<div id="step-3">
<h1>step 3</h1>
<h1>step 3</h1>
</div>
</div>
Nesse exemplo preciso selecionar apenas os elementos #step-1
, #step-2
e #step-3
para setar display:none
em cada um deles e não em seu parente (.step-content
).
Acima utilizei
div
eid
sequencial, porém, o seletor não deve depender do tipo do elemento (div
,section
,p
e etc) e nem de seuid
ouclass
Qual seletor devo usar para selecionar todos os primeiros nós que são filhos de .step-content
independente do elemento HTML?