В чём разница между смежным(соседним) селектором и родственным в CSS?

Question

[1 2]

В чём разница между .element1 + .element2 и .element1 ~ .element2 в CSS?

Answer 1

[sinneren]

<div>
<div class="element1">
<div class="element2">
</div>

это .element1 + .element2

<div>
<div class="element1">
<div></div>
<div></div>
<div></div>
<div class="element2">
</div>

это .element1 ~ .element2