Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

p ~ p

Fiquei com uma dúvida....

<article>
    <h1>Um artigo importantíssimo</h1>
    <p>Texto texto texto...</p>
    <p>Texto texto texto...</p>
    <figure>
        <img src="foto.jpg" alt="Foto">
        <figcaption>Foto bacana</figcaption>
    </figure>
    <p>Texto texto texto...</p>
</article>

A resposta correta aponta para

p ~ p

Entendo que o primeiro p não será selecionado por que ele não vem depois de um p ......... o segundo será selecionado por que vem depois de um p.......

Mas o terceiro...... ele não deveria ficar de fora? Ele vem depois de um figure

1 resposta
solução!

Fala aí, Fernando! Tudo certinho? =)

O seletor de elementos irmãos (ou siblings), ou seja, o ~ , buscará elementos que são antecedidos por algum elemento, mas não necessariamente, imediatamente precedido, sacou? O terceiro <p>, possui um outro parágrafo, mas não está imediatamente antes, entendeu?

Se você quisesse buscar apenas o segundo, você poderia utilizar o seletor de irmãos adjacentes (adjacent siblings), representado pelo sinal de +. =)

Dessa forma, p ~ p, trará o segundo e terceiro parágrafos, enquanto que p + p trará somente o segundo. =)

Espero ter ajudado, mas qualquer dúvida não deixe de postar por aqui para que possamos ajudá-lo!

Abraço e bons estudos,

Fábio

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software