@@ -446,10 +446,10 @@ Selectors Overview</h2>
446446 <td> 3
447447 <tbody>
448448 <tr>
449- <td><code> E F</code> <em> or </em> <code> E >> F </code>
449+ <td><code> E F</code>
450450 <td> an F element descendant of an E element
451451 <td> [[#descendant-combinators]]
452- <td> 1 <em> or </em> 4
452+ <td> 1
453453 <tr>
454454 <td><code> E > F</code>
455455 <td> an F element child of an E element
@@ -2964,19 +2964,16 @@ Typed Child-indexed Pseudo-classes</h3>
29642964Combinators</h2>
29652965
29662966<h3 id="descendant-combinators">
2967- Descendant combinator (<code> </code>) <em>or</em> (<code>>></code>) </h3>
2967+ Descendant combinator (<code> </code>)</h3>
29682968
29692969 At times, authors may want selectors to describe an element that is
29702970 the descendant of another element in the document tree (e.g., "an
29712971 <a element>em</a> element that is contained within an <a element>H1</a> element").
29722972 The <dfn export>descendant combinator</dfn> expresses such a relationship.
2973- It has two syntactic forms:
2974- <ol>
2975- <li> <a href="#whitespace">whitespace</a> that separates two <a>compound selectors</a> <em> or</em>
2976- <li> A doubled child selector (<dfn selector id=selectordef-descendant>>></dfn> )
2977- </ol>
29782973
2979- A selector of the form ''A B'' or ''A >> B'' ' represents an element <code> B</code> that is an
2974+ A descendant combinator is whitespace that separates two <a>compound selectors</a> .
2975+
2976+ A selector of the form ''A B'' represents an element <code> B</code> that is an
29802977 arbitrary descendant of some ancestor element <code> A</code> .
29812978
29822979 <div class="example">
@@ -3012,12 +3009,6 @@ Descendant combinator (<code> </code>) <em>or</em> (<code>>></code>)</h3>
30123009 <pre> div p *[href] </pre>
30133010 </div>
30143011
3015- Note: Note that the whitespace form has existed since CSS Level 1,
3016- whereas the <code> >></code> form is introduced in Level 4.
3017- It was introduced to give the descendant combinator a visible, non-whitespace form
3018- and to bridge the gap between the <a>child combinator</a> (<code> ></code> )
3019- and the shadow-piercing descendant combinator (<code> >>></code> ) [[CSS-SCOPING-1]] .
3020-
30213012<h3 id="child-combinators">
30223013Child combinator (<code>></code>)</h3>
30233014
@@ -3311,7 +3302,7 @@ Grammar</h2>
33113302 <dfn><simple-selector></dfn> = <<type-selector>> | <<subclass-selector>>
33123303
33133304
3314- <dfn><combinator></dfn> = '>>' | '> ' | '+' | '~' | [ '||' ]
3305+ <dfn><combinator></dfn> = '>' | '+' | '~' | [ '||' ]
33153306
33163307 <dfn><type-selector></dfn> = <<wq-name>> | <<ns-prefix>> ? '*'
33173308
@@ -3720,7 +3711,6 @@ Changes</h2>
37203711 Significant changes since the <a href="https://www.w3.org/TR/2013/WD-selectors4-20130502/">2 May 2013 Working Draft</a> include:
37213712
37223713 <ul>
3723- <li> Added the ''>>'' notation for the descendant selector.
37243714 <li> Added the '':target-within'' , '':focus-within'' , '':focus-visible'' , '':playing'' , and '':paused'' pseudo-classes.
37253715 <li> Added a zero-specificity '':matches()'' -type pseudo-class, with name TBD.
37263716 <li> Replaced subject indicator (''!'' ) feature with '':has()'' .
0 commit comments