Какие бывают комбинаторы селекторов и для чего каждый?

В CSS есть четыре основных комбинатора селекторов:

• потомок ( ),

• дочерний (>),

• смежный сосед (+)

• общий сосед (~). 

Комбинатор потомка выбирает элементы, которые находятся внутри другого элемента, не обязательно на первом уровне. 

Дочерний комбинатор выбирает только непосредственных детей. 

Смежный сосед выбирает элемент, который идет сразу после другого элемента, а общий сосед выбирает все элементы, которые идут после другого элемента, независимо от их уровня вложенности.