@@ -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 "plus sign" (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 "tilde" (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