This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 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

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