Olá, não compreendi muito bem como foi passado na aula, não consegui replicar. Em um dos fóruns mencionaram isso: "O seletor (tio) ~ é usado para pegar todos os irmãos". Tentei aplicar no código abaixo:
<div>
</div>
<section>
<p> Parágrafo da section </p>
</section>
<section>
<p> Parágrafo da segunda section</p>
</section>
<p>Este é um paragrafo</p>
<p>Este é outro paragrafo</p>
<div>
<p>Este é outro paragrafo</p>
</div>
Coloquei no CSS:
div ~ p {font-size: 50px;}
E localizou:
<p>Este é um paragrafo</p>
<p>Este é outro paragrafo</p>
Mas porque quando eu coloco div ~ section não localiza a section como uma irmão da div, assim como fez com o p?? Eu entendi errado como se usa o seletor ~?