Селектор потомков

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Описание

Комбинатор " " (пробел) представляет собой 2 или более селекторов, найдёт элементы соответствующие обоим селекторам. Селекторы по потомкам похожи на селекторы дочерних элементов, но они не учитывают вложенность элементов и применяют свои свойства ко всем элементам данного типа, находящимся внутри родительского элемента, независимо от глубины вложенности.

Синтаксис

selector1 selector2 {стили }

Пример

css

span {
  background-color: white;
}
div span {
  background-color: DodgerBlue;
}

html

<div>
  <span
    >Span 1
    <span>Span 2</span>
  </span>
</div>
<span>Span 3</span>

Спецификации

Specification
Selectors Level 4 # descendant-combinators

Совместимость с браузерами

BCD tables only load in the browser