Oi Matheus, desculpe a demora para retornar!
Imaginando esse código que você me mandou:
<h2>Titulo 1</h2>
<section>
<h2>Titulo 2</h2>
<p>Paragrafo 1</p>
<p>Paragrafo 2</p>
<h2>Titulo 3</h2>
</section>
Agora queremos selecionar esse último h2
(o que está escrito "Título 3"), dentro da tag section
, certo?
O seletor >
irá selecionar todos os parágrafos que são filhos diretamente da section. Portanto, o parágrafo 1 e 2 serão selecionados. Agora, o seletor +
irá selecionar o primeiro título (h2) que vem exatamente depois do parágrafo que está dentro da section! Por isso que o último título será selecionado (o título 3), pois é o primeiro título que vem exatamente depois do parágrafo.
Espero ter ajudado, bons estudos =)