Референсное руководство по комбинаторам CSS

Рекомендации по курсу:

Комбинаторы CSS

Комбинатор — это символ, который используется для объяснения отношений между селекторами.

В таблице ниже показаны различные комбинаторы в CSS: Название Символ Пример
Пример описания Селектор детей > div > p
Выберите все элементы <p>, которые являются прямыми детьми элемента <div>. Селектор потомков （один пробел） div p
Символ разделителя именpaces | ns | h2 Выберите все элементы <h2> в пространстве имен ns.
Селектор соседних братьев + div + p Выберите первый элемент <p>, который следует сразу за элементом <div>.
Список селекторов , div, p Выберите все элементы <div> и все элементы <p>.
Следующие братские селекторы ~ p ~ ul Выберите все элементы <ul>, которые предшествуют элементам <p>.