--- title: Селектор потомков slug: Web/CSS/Descendant_combinator translation_of: Web/CSS/Descendant_combinator ---

{{CSSRef("Selectors")}}

Описание

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

Синтаксис

selector1 selector2 {стили }

Пример

span { background-color: white; }
div span { background-color: DodgerBlue; }
<div>
  <span>Span 1
    <span>Span 2</span>
  </span>
</div>
<span>Span 3</span>

{{ EmbedLiveSample('Example', 200, 50) }}

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

Спецификации Статус Комментарий
{{ SpecName('CSS4 Selectors', '#descendant-combinators', 'descendant combinator') }} {{ Spec2('CSS4 Selectors') }}  
{{ SpecName('CSS3 Selectors', '#descendant-combinators', 'descendant combinator') }} {{ Spec2('CSS3 Selectors') }}  
{{ SpecName('CSS2.1', 'selector.html#descendant-selectors', 'descendant selectors') }} {{ Spec2('CSS2.1') }}  
{{ SpecName('CSS1', '#contextual-selectors', 'contextual selectors') }} {{ Spec2('CSS1') }} Изначальное определение

Поддержка браузерами

{{ CompatibilityTable() }}

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }}
Возможность Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}