🥇 css plus e maior que

<b> O sinal> é usado para selecionar o filho imediato de um elemento </b>

Neste exemplo, os 2 divs internos seriam selecionados

css

.container > inner-2 {
}

html

<div class="container">
  <div class="inner-1"></div>
  <div class="inner-2"></div>
</div>

<b> O sinal + é usado para selecionar um elemento irmão adjacente </b>

Neste exemplo, op com a segunda classe é selecionado

css

.first + .second { 
}

html

<div>
<p class="first"></p>
<p class="second"></p>
</div>