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

Комбинаторы CSS определяют отношения между селекторами. Они позволяют выбирать элементы на основе их отношений с другими элементами в дереве документа.

Например, чтобы задать стиль только для элементов абзаца, которые являются непосредственными дочерними элементами <div>, можно использовать комбинатор дочерних элементов (>):

/* Set top margin on <p> elements that are direct children of <div> */
div > p {
  margin-top: 0;
}

Синтаксис

/* Combine selectors to express relationships */
selector1 combinator selector2 {
  property: value;
}

Список комбинаторов

• Комбинатор дочерних элементов (>)
• Комбинатор столбцов (||)
• Комбинатор потомков (" ")
• Комбинатор следующего соседнего элемента (+)
• Комбинатор последующих соседних элементов (~)

См. также

• Модуль селекторов CSS
• Селекторы и комбинаторы