Существует четыре типа комбинаторов в CSS: 23

1. Комбинатор потомка (обычно представляется символом пробела). 1 Соединяет два селектора так, что элементы, соответствующие второму селектору, выбираются, если они имеют предка, соответствующего первому селектору. 1
2. Дочерний комбинатор (>). 1 Помещается между двумя селекторами CSS. 1 При этом будут выбраны только те элементы, соответствующие второму селектору, которые являются прямыми потомками элементов, соответствующих первому селектору. 1 Все элементы-потомки на более низких уровнях иерархии будут пропущены. 1
3. Соседний родственный комбинатор (+). 1 Используется для выбора элемента, который непосредственно следует за другим элементом и находится на одном с ним уровне иерархии. 1
4. Общий родственный комбинатор (~). 1 Позволяет выбрать родственные элементы, даже если они не являются непосредственными соседями. 1