Skip to content

Commit f96f613

Browse files
ericwilligersfantasai
authored andcommitted
[selectors] Single form for descendant combinator
CSS Selectors 4 previously allowed >> as an alternative for whitespace. This has been removed. resolves w3c#641
1 parent 2b0dc91 commit f96f613

1 file changed

Lines changed: 7 additions & 17 deletions

File tree

selectors-4/Overview.bs

Lines changed: 7 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -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>
29642964
Combinators</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">
30223013
Child combinator (<code>></code>)</h3>
30233014

@@ -3311,7 +3302,7 @@ Grammar</h2>
33113302
<dfn>&lt;simple-selector></dfn> = <<type-selector>> | <<subclass-selector>>
33123303
33133304
3314-
<dfn>&lt;combinator></dfn> = '>>' | '>' | '+' | '~' | [ '||' ]
3305+
<dfn>&lt;combinator></dfn> = '>' | '+' | '~' | [ '||' ]
33153306
33163307
<dfn>&lt;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

Comments
 (0)