Skip to content

Commit 8740c85

Browse files
committed
[selectors] Update Overview table
--HG-- extra : rebase_source : 2217f0e768f61ed2b756931c8382aaf25a25bd4d
1 parent 28146c5 commit 8740c85

2 files changed

Lines changed: 228 additions & 126 deletions

File tree

selectors/Overview.html

Lines changed: 138 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -464,19 +464,19 @@ <h2 class="no-num no-toc" id=contents>Table of Contents</h2>
464464
<li><a href="#combinators"><span class=secno>13. </span> Combinators</a>
465465
<ul class=toc>
466466
<li><a href="#descendant-combinators"><span class=secno>13.1. </span>
467-
Descendant combinator</a>
467+
Descendant combinator (<code> </code>)</a>
468468

469469
<li><a href="#child-combinators"><span class=secno>13.2. </span> Child
470-
combinator</a>
470+
combinator (<code>></code>)</a>
471471

472472
<li><a href="#adjacent-sibling-combinators"><span class=secno>13.3.
473-
</span> Next-sibling combinator</a>
473+
</span> Next-sibling combinator (<code>+</code>)</a>
474474

475475
<li><a href="#general-sibling-combinators"><span class=secno>13.4.
476-
</span> Following-sibling combinator</a>
476+
</span> Following-sibling combinator (<code>~</code>)</a>
477477

478478
<li><a href="#idref-combinators"><span class=secno>13.5. </span>
479-
Reference combinators</a>
479+
Reference combinators <code>/ref/</code></a>
480480
</ul>
481481

482482
<li><a href="#table-pseudos"><span class=secno>14. </span> Grid-Structural
@@ -903,6 +903,35 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
903903

904904
<td>2
905905

906+
<tr>
907+
<td><code>E:active-drop</code>
908+
909+
<td>an E element that will receive the item currently being dragged
910+
911+
<td><a href="#drag-pseudos">The drag-and-drop pseudo-classes</a>
912+
913+
<td>4
914+
915+
<tr>
916+
<td><code>E:valid-drop</code>
917+
918+
<td>an E element that could receive the item currently being dragged
919+
920+
<td><a href="#drag-pseudos">The drag-and-drop pseudo-classes</a>
921+
922+
<td>4
923+
924+
<tr>
925+
<td><code>E:invalid-drop</code>
926+
927+
<td>an E element that cannot receive the item currently being dragged,
928+
but could receive some other item
929+
930+
<td><a href="#drag-pseudos">The drag-and-drop pseudo-classes</a>
931+
932+
<td>4
933+
934+
<tbody>
906935
<tr>
907936
<td><code>E:enabled<br>
908937
E:disabled</code>
@@ -914,6 +943,35 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
914943

915944
<td>3
916945

946+
<tr>
947+
<td><code>E:read-only</code><br>
948+
<code>E:read-write</code>
949+
950+
<td>a user interface element E that
951+
952+
<td><a href="#rw-pseudos">The mutability pseudo-classes</a>
953+
954+
<td>3-UI/4
955+
956+
<tr>
957+
<td><code>E:placeholder-shown</code>
958+
959+
<td>an input control currently showing placeholder text
960+
961+
<td><a href="#rw-pseudos">The placeholder-shown pseudo-class</a>
962+
963+
<td>3-UI/4
964+
965+
<tr>
966+
<td><code>E:default</code>
967+
968+
<td>a user interface element E that
969+
970+
<td><a href="#default-pseudo">The default option pseudo-class
971+
:default</a>
972+
973+
<td>3-UI/4
974+
917975
<tr>
918976
<td><code>E:checked</code>
919977

@@ -935,44 +993,44 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
935993
<td>4
936994

937995
<tr>
938-
<td><code>E:default</code>
996+
<td><code>E:valid</code><br>
997+
<code>E:invalid</code>
939998

940-
<td>a user interface element E that
999+
<td>a user-input element E that
9411000

942-
<td><a href="#default-pseudo">The default option pseudo-class
943-
:default</a>
1001+
<td><a href="#range-pseudos">The validity pseudo-classes</a>
9441002

9451003
<td>3-UI/4
9461004

9471005
<tr>
9481006
<td><code>E:in-range</code><br>
9491007
<code>E:out-of-range</code>
9501008

951-
<td>a user interface element E that
1009+
<td>a user-input element E whose value is in-range/out-of-range
9521010

953-
<td><a href="#range-pseudos">The validity pseudo-classes</a>
1011+
<td><a href="#range-pseudos">The range pseudo-classes</a>
9541012

9551013
<td>3-UI/4
9561014

9571015
<tr>
9581016
<td><code>E:required</code><br>
9591017
<code>E:optional</code>
9601018

961-
<td>a user interface element E that
1019+
<td>a user-input element E that requires/does not require input
9621020

9631021
<td><a href="#opt-pseudos">The optionality pseudo-classes</a>
9641022

9651023
<td>3-UI/4
9661024

9671025
<tr>
968-
<td><code>E:read-only</code><br>
969-
<code>E:read-write</code>
1026+
<td><code>E:required</code><br>
1027+
<code>E:optional</code>
9701028

971-
<td>a user interface element E that
1029+
<td>a user-input element E with incorrect input
9721030

973-
<td><a href="#rw-pseudos">The mutability pseudo-classes</a>
1031+
<td><a href="#opt-pseudos">The optionality pseudo-classes</a>
9741032

975-
<td>3-UI/4
1033+
<td>4
9761034

9771035
<tbody>
9781036
<tr>
@@ -994,13 +1052,13 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
9941052
<td>3
9951053

9961054
<tr>
997-
<td><code>E:first-child</code>
1055+
<td><code>E:blank</code>
9981056

999-
<td>an E element, first child of its parent
1057+
<td>an E element that has no content except maybe white space
10001058

10011059
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
10021060

1003-
<td>2
1061+
<td>4
10041062

10051063
<tr>
10061064
<td><code>E:nth-child(<var>n</var>)</code>
@@ -1012,19 +1070,28 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
10121070
<td>3
10131071

10141072
<tr>
1015-
<td><code>E:last-child</code>
1073+
<td><code>E:nth-last-child(<var>n</var>)</code>
10161074

1017-
<td>an E element, last child of its parent
1075+
<td>an E element, the <var>n</var>-th child of its parent, counting from
1076+
the last one
10181077

10191078
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
10201079

10211080
<td>3
10221081

10231082
<tr>
1024-
<td><code>E:nth-last-child(<var>n</var>)</code>
1083+
<td><code>E:first-child</code>
10251084

1026-
<td>an E element, the <var>n</var>-th child of its parent, counting from
1027-
the last one
1085+
<td>an E element, first child of its parent
1086+
1087+
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
1088+
1089+
<td>2
1090+
1091+
<tr>
1092+
<td><code>E:last-child</code>
1093+
1094+
<td>an E element, last child of its parent
10281095

10291096
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
10301097

@@ -1040,37 +1107,37 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
10401107
<td>3
10411108

10421109
<tr>
1043-
<td><code>E:first-of-type</code>
1110+
<td><code>E:nth-of-type(<var>n</var>)</code>
10441111

1045-
<td>an E element, first sibling of its type
1112+
<td>an E element, the <var>n</var>-th sibling of its type
10461113

10471114
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
10481115

10491116
<td>3
10501117

10511118
<tr>
1052-
<td><code>E:nth-of-type(<var>n</var>)</code>
1119+
<td><code>E:nth-last-of-type(<var>n</var>)</code>
10531120

1054-
<td>an E element, the <var>n</var>-th sibling of its type
1121+
<td>an E element, the <var>n</var>-th sibling of its type, counting from
1122+
the last one
10551123

10561124
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
10571125

10581126
<td>3
10591127

10601128
<tr>
1061-
<td><code>E:last-of-type</code>
1129+
<td><code>E:first-of-type</code>
10621130

1063-
<td>an E element, last sibling of its type
1131+
<td>an E element, first sibling of its type
10641132

10651133
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
10661134

10671135
<td>3
10681136

10691137
<tr>
1070-
<td><code>E:nth-last-of-type(<var>n</var>)</code>
1138+
<td><code>E:last-of-type</code>
10711139

1072-
<td>an E element, the <var>n</var>-th sibling of its type, counting from
1073-
the last one
1140+
<td>an E element, last sibling of its type
10741141

10751142
<td><a href="#structural-pseudos">Structural pseudo-classes</a>
10761143

@@ -1107,38 +1174,6 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
11071174

11081175
<td>4
11091176

1110-
<tbody>
1111-
<tr>
1112-
<td><code>E:column(<a href="#selector"><var>selector</var></a>)</code>
1113-
1114-
<td>an E element that represents a cell in a grid/table belonging to a
1115-
column represented by an element that matches <a
1116-
href="#selector"><var>selector</var></a>
1117-
1118-
<td><a href="#table-pseudos">Grid-Structural pseudo-classes</a>
1119-
1120-
<td>4
1121-
1122-
<tr>
1123-
<td><code>E:nth-column(<var>n</var>)</code>
1124-
1125-
<td>an E element that represents a cell belonging to the <var>n</var>th
1126-
column in a grid/table
1127-
1128-
<td><a href="#table-pseudos">Grid-Structural pseudo-classes</a>
1129-
1130-
<td>4
1131-
1132-
<tr>
1133-
<td><code>E:nth-last-column(<var>n</var>)</code>
1134-
1135-
<td>an E element that represents a cell belonging to the <var>n</var>th
1136-
column in a grid/table, counting from the last one
1137-
1138-
<td><a href="#table-pseudos">Grid-Structural pseudo-classes</a>
1139-
1140-
<td>4
1141-
11421177
<tbody>
11431178
<tr>
11441179
<td><code>E F</code>
@@ -1196,6 +1231,37 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
11961231
href="#child-combinators">Child combinator</a>
11971232

11981233
<td>4
1234+
1235+
<tbody>
1236+
<tr>
1237+
<td><code>F || E</code>
1238+
1239+
<td>an E element that represents a cell in a grid/table belonging to a
1240+
column represented by an element F
1241+
1242+
<td><a href="#table-pseudos">Grid-Structural pseudo-classes</a>
1243+
1244+
<td>4
1245+
1246+
<tr>
1247+
<td><code>E:nth-column(<var>n</var>)</code>
1248+
1249+
<td>an E element that represents a cell belonging to the <var>n</var>th
1250+
column in a grid/table
1251+
1252+
<td><a href="#table-pseudos">Grid-Structural pseudo-classes</a>
1253+
1254+
<td>4
1255+
1256+
<tr>
1257+
<td><code>E:nth-last-column(<var>n</var>)</code>
1258+
1259+
<td>an E element that represents a cell belonging to the <var>n</var>th
1260+
column in a grid/table, counting from the last one
1261+
1262+
<td><a href="#table-pseudos">Grid-Structural pseudo-classes</a>
1263+
1264+
<td>4
11991265
</table>
12001266

12011267
<p class=note>Some Level 4 selectors (noted above as "3-UI") were
@@ -3827,7 +3893,7 @@ <h4 id=the-nth-last-match-pseudo><span class=secno>12.7.2. </span> <a
38273893
<h2 id=combinators><span class=secno>13. </span> Combinators</h2>
38283894

38293895
<h3 id=descendant-combinators><span class=secno>13.1. </span> Descendant
3830-
combinator</h3>
3896+
combinator (<code> </code>)</h3>
38313897

38323898
<p>At times, authors may want selectors to describe an element that is the
38333899
descendant of another element in the document tree (e.g., "an
@@ -3875,7 +3941,8 @@ <h3 id=descendant-combinators><span class=secno>13.1. </span> Descendant
38753941
<pre>div p *[href]</pre>
38763942
</div>
38773943

3878-
<h3 id=child-combinators><span class=secno>13.2. </span> Child combinator</h3>
3944+
<h3 id=child-combinators><span class=secno>13.2. </span> Child combinator
3945+
(<code>></code>)</h3>
38793946

38803947
<p>A <dfn id=child-combinator>child combinator</dfn> describes a childhood
38813948
relationship between two elements. A child combinator is made of the
@@ -3907,7 +3974,7 @@ <h3 id=child-combinators><span class=secno>13.2. </span> Child combinator</h3>
39073974
href="#structural-pseudos">:first-child</a></code> pseudo-class above.
39083975

39093976
<h3 id=adjacent-sibling-combinators><span class=secno>13.3. </span>
3910-
Next-sibling combinator</h3>
3977+
Next-sibling combinator (<code>+</code>)</h3>
39113978

39123979
<p>The <dfn id=next-sibling-combinator>next-sibling combinator</dfn> is
39133980
made of the &quot;plus sign&quot; (U+002B, <code>+</code>) character that
@@ -3936,7 +4003,7 @@ <h3 id=adjacent-sibling-combinators><span class=secno>13.3. </span>
39364003
</div>
39374004

39384005
<h3 id=general-sibling-combinators><span class=secno>13.4. </span>
3939-
Following-sibling combinator</h3>
4006+
Following-sibling combinator (<code>~</code>)</h3>
39404007

39414008
<p>The <dfn id=following-sibling-combinator>following-sibling
39424009
combinator</dfn> is made of the &quot;tilde&quot; (U+007E, <code>~</code>)
@@ -3962,7 +4029,7 @@ <h3 id=general-sibling-combinators><span class=secno>13.4. </span>
39624029
</div>
39634030

39644031
<h3 id=idref-combinators><span class=secno>13.5. </span> Reference
3965-
combinators</h3>
4032+
combinators <code>/ref/</code></h3>
39664033

39674034
<p> The <dfn id=reference-combinator>reference combinator</dfn> consists of
39684035
two slashes with an intervening <a

0 commit comments

Comments
 (0)