--- 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() }} |