changeset
[selectors][editorial] Make the Title-casing match in all pseudo-class headings
Wed, 26 Nov 2014 23:10:58 +0100
- author
- Florian Rivoal <florian@rivoal.net>
- date
- Wed, 26 Nov 2014 23:10:58 +0100
- changeset 14824
- 836486b48f54
- parent 14823
- 22895b76b8cd
- child 14825
- e452808ac0b2
[selectors][editorial] Make the Title-casing match in all pseudo-class headings
| selectors/Overview.bs | file | annotate | diff | comparison | revisions | |
| selectors/Overview.html | file | annotate | diff | comparison | revisions |
1.1 --- a/selectors/Overview.bs Wed Nov 26 22:58:37 2014 +0100 1.2 +++ b/selectors/Overview.bs Wed Nov 26 23:10:58 2014 +0100 1.3 @@ -1219,7 +1219,7 @@ 1.4 </div> 1.5 1.6 <h3 id="matches"> 1.7 -The Matches-Any Pseudo-class: '':matches()''</h3> 1.8 +The Matches-any Pseudo-class: '':matches()''</h3> 1.9 1.10 The matches-any pseudo-class, <dfn id='matches-pseudo'>:matches()</dfn>, 1.11 is a functional pseudo-class taking a <a>selector list</a> 1.12 @@ -1866,7 +1866,7 @@ 1.13 Linguistic Pseudo-classes</h2> 1.14 1.15 <h3 id="the-dir-pseudo"> 1.16 -The directionality pseudo-class '':dir()''</h3> 1.17 +The Directionality Pseudo-class: '':dir()''</h3> 1.18 1.19 The <dfn id='dir-pseudo'>:dir()</dfn> pseudo-class allows the author to write 1.20 selectors that represent an element based on its directionality as 1.21 @@ -1901,7 +1901,7 @@ 1.22 directionality of the elements as determined by its contents. [[HTML5]] 1.23 1.24 <h3 id="the-lang-pseudo"> 1.25 -The language pseudo-class '':lang()''</h3> 1.26 +The Language Pseudo-class: '':lang()''</h3> 1.27 1.28 If the document language specifies how the (human) content language of an 1.29 element is determined, it is possible to write selectors that 1.30 @@ -1997,7 +1997,7 @@ 1.31 Location Pseudo-classes</h2> 1.32 1.33 <h3 id="the-any-link-pseudo"> 1.34 -The hyperlink pseudo-class: '':any-link''</h3> 1.35 +The Hyperlink Pseudo-class: '':any-link''</h3> 1.36 1.37 The <dfn id='any-link-pseudo'>:any-link</dfn> pseudo-class represents an element 1.38 that acts as the source anchor of a hyperlink. 1.39 @@ -2010,7 +2010,7 @@ 1.40 <p class="issue">Any better name suggestions for this pseudo? 1.41 1.42 <h3 id="link"> 1.43 -The link history pseudo-classes: '':link'' and '':visited''</h3> 1.44 +The Link History Pseudo-classes: '':link'' and '':visited''</h3> 1.45 1.46 User agents commonly display unvisited <a href="#the-any-link-pseudo">hyperlinks</a> differently from 1.47 previously visited ones. Selectors 1.48 @@ -2046,7 +2046,7 @@ 1.49 1.50 1.51 <h3 id="the-target-pseudo"> 1.52 -The target pseudo-class '':target''</h3> 1.53 +The Target Pseudo-class: '':target''</h3> 1.54 1.55 Some URLs refer to a location within a resource. This kind of URL 1.56 ends with a "number sign" (#) followed by an anchor 1.57 @@ -2085,7 +2085,7 @@ 1.58 1.59 1.60 <h3 id="the-scope-pseudo"> 1.61 -The reference element pseudo-class '':scope''</h3> 1.62 +The Reference Element Pseudo-class: '':scope''</h3> 1.63 1.64 In some contexts, selectors can be matched with an explicit set of <dfn dfn export title=":scope element">:scope elements</dfn>. 1.65 This is is a (potentially empty) set of elements 1.66 @@ -2140,7 +2140,7 @@ 1.67 but will be in the future. 1.68 1.69 <h3 id="the-hover-pseudo"> 1.70 -The pointer hover pseudo-class '':hover''</h3> 1.71 +The Pointer Hover Pseudo-class: '':hover''</h3> 1.72 1.73 The <dfn id='hover-pseudo'>:hover</dfn> pseudo-class applies 1.74 while the user designates an element with a pointing device, 1.75 @@ -2168,7 +2168,7 @@ 1.76 The '':hover'' pseudo-class can apply to any pseudo-element. 1.77 1.78 <h3 id="the-active-pseudo"> 1.79 -The activation pseudo-class '':active''</h3> 1.80 +The Activation Pseudo-class: '':active''</h3> 1.81 1.82 The <dfn id='active-pseudo'>:active</dfn> pseudo-class applies while an element 1.83 is being activated by the user. For example, between the times the 1.84 @@ -2192,7 +2192,7 @@ 1.85 ':visited' and ':active' (or ':link' and ':active'). 1.86 1.87 <h3 id="the-focus-pseudo"> 1.88 -The input focus pseudo-class '':focus''</h3> 1.89 +The Input Focus Pseudo-class: '':focus''</h3> 1.90 1.91 The <dfn id='focus-pseudo'>:focus</dfn> pseudo-class applies while an element 1.92 has the focus (accepts keyboard or mouse events, or other forms of 1.93 @@ -2207,7 +2207,7 @@ 1.94 except that the parent of an element that matches '':focus'' must not match '':focus''. 1.95 1.96 <h3 id="the-focus-within-pseudo"> 1.97 -The Generalized Input Focus Pseudo-Class: '':focus-within''</h3> 1.98 +The Generalized Input Focus Pseudo-class: '':focus-within''</h3> 1.99 1.100 The <dfn id='focus-within-pseudo'>:focus-within</dfn> pseudo-class applies to elements for which the '':focus'' pseudo class applies. 1.101 Additionaly, the parent of an element that matches '':focus-within'' also matches '':focus-within''. 1.102 @@ -2216,7 +2216,7 @@ 1.103 the <a>host element</a> (and its parents) are also in the '':focus-within'' state. (See [[css-scoping-1]]) 1.104 1.105 <h3 id="drag-pseudos"> 1.106 -The drag-and-drop pseudo-class '':drop'' and '':drop()''</h3> 1.107 +The Drag-and-Drop Pseudo-class: '':drop'' and '':drop()''</h3> 1.108 1.109 The <dfn>:drop</dfn> pseudo-class applies to all elements 1.110 that are drop targets, 1.111 @@ -2280,7 +2280,7 @@ 1.112 these pseudo-classes must not match the element. 1.113 1.114 <h3 id="the-current-pseudo"> 1.115 -The current-element pseudo-class '':current''</h3> 1.116 +The Current-element Pseudo-class: '':current''</h3> 1.117 1.118 The <dfn id='current-pseudo'>:current</dfn> pseudo-class represents the 1.119 element, or an ancestor of the element, that is currently being displayed. 1.120 @@ -2304,7 +2304,7 @@ 1.121 </div> 1.122 1.123 <h3 id="the-past-pseudo"> 1.124 -The past-element pseudo-class '':past''</h3> 1.125 +The Past-element Pseudo-class: '':past''</h3> 1.126 1.127 The <dfn id='past-pseudo'>:past</dfn> pseudo-class represents any element that is 1.128 defined to occur entirely prior to a '':current'' element. 1.129 @@ -2314,7 +2314,7 @@ 1.130 sibling of a '':current'' element. 1.131 1.132 <h3 id="the-future-pseudo"> 1.133 -The future-element pseudo-class '':future''</h3> 1.134 +The Future-element Pseudo-class: '':future''</h3> 1.135 1.136 The <dfn id='future-pseudo'>:future</dfn> pseudo-class represents any element that is 1.137 defined to occur entirely after a '':current'' element. 1.138 @@ -2334,7 +2334,7 @@ 1.139 Input Control States</h3> 1.140 1.141 <h4 id="enableddisabled"> 1.142 -The '':enabled'' and '':disabled'' pseudo-classes</h4> 1.143 +The '':enabled'' and '':disabled'' Pseudo-classes</h4> 1.144 1.145 The <dfn id='enabled-pseudo'>:enabled</dfn> pseudo-class represents user interface elements 1.146 that are in an enabled state; such elements have a corresponding disabled 1.147 @@ -2357,7 +2357,7 @@ 1.148 on the enabled/disabled state of an element. 1.149 1.150 <h4 id="rw-pseudos"> 1.151 -The mutability pseudo-classes '':read-only'' and '':read-write''</h4> 1.152 +The Mutability Pseudo-classes: '':read-only'' and '':read-write''</h4> 1.153 1.154 An element matches <dfn id="read-write-pseudo">:read-write</dfn> if it is user-alterable, 1.155 as defined by the host language. 1.156 @@ -2367,7 +2367,7 @@ 1.157 as is any element with the <code>contenteditable</code> attribute set to the true state. 1.158 1.159 <h4 id="placeholder"> 1.160 -The placeholder-shown pseudo-class '':placeholder-shown''</h4> 1.161 +The Placeholder-shown Pseudo-class: '':placeholder-shown''</h4> 1.162 1.163 Input elements can sometimes show placeholder text 1.164 as a hint to the user on what to type in. 1.165 @@ -2376,7 +2376,7 @@ 1.166 matches an input element that is showing such placeholder text. 1.167 1.168 <h4 id="the-default-pseudo"> 1.169 -The default-option pseudo-class '':default''</h4> 1.170 +The Default-option Pseudo-class: '':default''</h4> 1.171 1.172 The <dfn id='default-pseudo'>:default</dfn> pseudo-class applies to the one or more UI elements 1.173 that are the default among a set of similar elements. Typically applies to 1.174 @@ -2394,7 +2394,7 @@ 1.175 Input Value States</h3> 1.176 1.177 <h4 id="checked"> 1.178 -The selected-option pseudo-class '':checked''</h4> 1.179 +The Selected-option Pseudo-class: '':checked''</h4> 1.180 1.181 Radio and checkbox elements can be toggled by the user. Some menu 1.182 items are "checked" when the user selects them. When such elements are 1.183 @@ -2415,7 +2415,7 @@ 1.184 </div> 1.185 1.186 <h4 id="indeterminate"> 1.187 -The indeterminate-value pseudo-class '':indeterminate''</h4> 1.188 +The Indeterminate-value Pseudo-class: '':indeterminate''</h4> 1.189 1.190 The <dfn id='indetermine-pseudo'>:indeterminate</dfn> pseudo-class applies to UI elements whose 1.191 value is in an indeterminate state. 1.192 @@ -2433,7 +2433,7 @@ 1.193 Input Value-checking</h3> 1.194 1.195 <h4 id="validity-pseudos"> 1.196 -The validity pseudo-classes: '':valid'' and '':invalid''</h4> 1.197 +The Validity Pseudo-classes: '':valid'' and '':invalid''</h4> 1.198 1.199 An element is <dfn id="valid-pseudo">:valid</dfn> 1.200 or <dfn id="invalid-pseudo">:invalid</dfn> 1.201 @@ -2451,7 +2451,7 @@ 1.202 and so it never matches either of these pseudo-classes. 1.203 1.204 <h4 id="range-pseudos"> 1.205 -The range pseudo-classes '':in-range'' and '':out-of-range''</h4> 1.206 +The Range Pseudo-classes: '':in-range'' and '':out-of-range''</h4> 1.207 1.208 The <dfn id="in-range-pseudo">:in-range</dfn> and 1.209 <dfn id="out-of-range-pseudo">:out-of-range</dfn> pseudo-classes 1.210 @@ -2467,7 +2467,7 @@ 1.211 presented in a popup menu that only has choices "A", "B" and "C". 1.212 1.213 <h4 id="opt-pseudos"> 1.214 -The optionality pseudo-classes '':required'' and '':optional''</h4> 1.215 +The Optionality Pseudo-classes: '':required'' and '':optional''</h4> 1.216 1.217 A form element is <dfn id="required-pseudo">:required</dfn> or 1.218 <dfn id="optional-pseudo">:optional</dfn> 1.219 @@ -2476,7 +2476,7 @@ 1.220 form elements are neither required nor optional. 1.221 1.222 <h4 id="user-pseudos"> 1.223 -The user-interaction pseudo-class '':user-error''</h4> 1.224 +The User-interaction Pseudo-class: '':user-error''</h4> 1.225 1.226 The <dfn id="user-error-pseudo">:user-error</dfn> pseudo-class 1.227 represents an input element with incorrect input, but only
2.1 --- a/selectors/Overview.html Wed Nov 26 22:58:37 2014 +0100 2.2 +++ b/selectors/Overview.html Wed Nov 26 23:10:58 2014 +0100 2.3 @@ -133,7 +133,7 @@ 2.4 Invalid Selectors and Error Handling</span></a></ul><li><a href=#logical-combination><span class=secno>4</span> <span class=content> 2.5 Logical Combinations</span></a><ul class=toc><li><a href=#grouping><span class=secno>4.1</span> <span class=content> 2.6 Selector Lists</span></a><li><a href=#matches><span class=secno>4.2</span> <span class=content> 2.7 -The Matches-Any Pseudo-class: <span class=css data-link-type=maybe title=:matches()>:matches()</span></span></a><li><a href=#negation><span class=secno>4.3</span> <span class=content> 2.8 +The Matches-any Pseudo-class: <span class=css data-link-type=maybe title=:matches()>:matches()</span></span></a><li><a href=#negation><span class=secno>4.3</span> <span class=content> 2.9 The Negation Pseudo-class: <span class=css data-link-type=maybe title=:not()>:not()</span></span></a><li><a href=#relational><span class=secno>4.4</span> <span class=content> 2.10 The Relational Pseudo-class: <span class=css data-link-type=maybe title=:has()>:has()</span></span></a></ul><li><a href=#elemental-selectors><span class=secno>5</span> <span class=content> 2.11 Elemental selectors</span></a><ul class=toc><li><a href=#type-selectors><span class=secno>5.1</span> <span class=content> 2.12 @@ -149,37 +149,37 @@ 2.13 Class selectors</span></a><li><a href=#id-selectors><span class=secno>6.7</span> <span class=content> 2.14 ID selectors</span></a></ul><li><a href=#linguistic-pseudos><span class=secno>7</span> <span class=content> 2.15 Linguistic Pseudo-classes</span></a><ul class=toc><li><a href=#the-dir-pseudo><span class=secno>7.1</span> <span class=content> 2.16 -The directionality pseudo-class <span class=css data-link-type=maybe title=:dir()>:dir()</span></span></a><li><a href=#the-lang-pseudo><span class=secno>7.2</span> <span class=content> 2.17 -The language pseudo-class <span class=css data-link-type=maybe title=:lang()>:lang()</span></span></a></ul><li><a href=#location><span class=secno>8</span> <span class=content> 2.18 +The Directionality Pseudo-class: <span class=css data-link-type=maybe title=:dir()>:dir()</span></span></a><li><a href=#the-lang-pseudo><span class=secno>7.2</span> <span class=content> 2.19 +The Language Pseudo-class: <span class=css data-link-type=maybe title=:lang()>:lang()</span></span></a></ul><li><a href=#location><span class=secno>8</span> <span class=content> 2.20 Location Pseudo-classes</span></a><ul class=toc><li><a href=#the-any-link-pseudo><span class=secno>8.1</span> <span class=content> 2.21 -The hyperlink pseudo-class: <span class=css data-link-type=maybe title=:any-link>:any-link</span></span></a><li><a href=#link><span class=secno>8.2</span> <span class=content> 2.22 -The link history pseudo-classes: <span class=css data-link-type=maybe title=:link>:link</span> and <span class=css data-link-type=maybe title=:visited>:visited</span></span></a><li><a href=#the-target-pseudo><span class=secno>8.3</span> <span class=content> 2.23 -The target pseudo-class <span class=css data-link-type=maybe title=:target>:target</span></span></a><li><a href=#the-scope-pseudo><span class=secno>8.4</span> <span class=content> 2.24 -The reference element pseudo-class <span class=css data-link-type=maybe title=:scope>:scope</span></span></a></ul><li><a href=#useraction-pseudos><span class=secno>9</span> <span class=content> 2.25 +The Hyperlink Pseudo-class: <span class=css data-link-type=maybe title=:any-link>:any-link</span></span></a><li><a href=#link><span class=secno>8.2</span> <span class=content> 2.26 +The Link History Pseudo-classes: <span class=css data-link-type=maybe title=:link>:link</span> and <span class=css data-link-type=maybe title=:visited>:visited</span></span></a><li><a href=#the-target-pseudo><span class=secno>8.3</span> <span class=content> 2.27 +The Target Pseudo-class: <span class=css data-link-type=maybe title=:target>:target</span></span></a><li><a href=#the-scope-pseudo><span class=secno>8.4</span> <span class=content> 2.28 +The Reference Element Pseudo-class: <span class=css data-link-type=maybe title=:scope>:scope</span></span></a></ul><li><a href=#useraction-pseudos><span class=secno>9</span> <span class=content> 2.29 User Action Pseudo-classes</span></a><ul class=toc><li><a href=#the-hover-pseudo><span class=secno>9.1</span> <span class=content> 2.30 -The pointer hover pseudo-class <span class=css data-link-type=maybe title=:hover>:hover</span></span></a><li><a href=#the-active-pseudo><span class=secno>9.2</span> <span class=content> 2.31 -The activation pseudo-class <span class=css data-link-type=maybe title=:active>:active</span></span></a><li><a href=#the-focus-pseudo><span class=secno>9.3</span> <span class=content> 2.32 -The input focus pseudo-class <span class=css data-link-type=maybe title=:focus>:focus</span></span></a><li><a href=#the-focus-within-pseudo><span class=secno>9.4</span> <span class=content> 2.33 -The Generalized Input Focus Pseudo-Class: <span class=css data-link-type=maybe title=:focus-within>:focus-within</span></span></a><li><a href=#drag-pseudos><span class=secno>9.5</span> <span class=content> 2.34 -The drag-and-drop pseudo-class <span class=css data-link-type=maybe title=:drop>:drop</span> and <span class=css data-link-type=maybe title=:drop()>:drop()</span></span></a></ul><li><a href=#time-pseudos><span class=secno>10</span> <span class=content> 2.35 +The Pointer Hover Pseudo-class: <span class=css data-link-type=maybe title=:hover>:hover</span></span></a><li><a href=#the-active-pseudo><span class=secno>9.2</span> <span class=content> 2.36 +The Activation Pseudo-class: <span class=css data-link-type=maybe title=:active>:active</span></span></a><li><a href=#the-focus-pseudo><span class=secno>9.3</span> <span class=content> 2.37 +The Input Focus Pseudo-class: <span class=css data-link-type=maybe title=:focus>:focus</span></span></a><li><a href=#the-focus-within-pseudo><span class=secno>9.4</span> <span class=content> 2.38 +The Generalized Input Focus Pseudo-class: <span class=css data-link-type=maybe title=:focus-within>:focus-within</span></span></a><li><a href=#drag-pseudos><span class=secno>9.5</span> <span class=content> 2.39 +The Drag-and-Drop Pseudo-class: <span class=css data-link-type=maybe title=:drop>:drop</span> and <span class=css data-link-type=maybe title=:drop()>:drop()</span></span></a></ul><li><a href=#time-pseudos><span class=secno>10</span> <span class=content> 2.40 Time-dimensional Pseudo-classes</span></a><ul class=toc><li><a href=#the-current-pseudo><span class=secno>10.1</span> <span class=content> 2.41 -The current-element pseudo-class <span class=css data-link-type=maybe title=:current>:current</span></span></a><li><a href=#the-past-pseudo><span class=secno>10.2</span> <span class=content> 2.42 -The past-element pseudo-class <span class=css data-link-type=maybe title=:past>:past</span></span></a><li><a href=#the-future-pseudo><span class=secno>10.3</span> <span class=content> 2.43 -The future-element pseudo-class <span class=css data-link-type=maybe title=:future>:future</span></span></a></ul><li><a href=#input-pseudos><span class=secno>11</span> <span class=content> 2.44 +The Current-element Pseudo-class: <span class=css data-link-type=maybe title=:current>:current</span></span></a><li><a href=#the-past-pseudo><span class=secno>10.2</span> <span class=content> 2.45 +The Past-element Pseudo-class: <span class=css data-link-type=maybe title=:past>:past</span></span></a><li><a href=#the-future-pseudo><span class=secno>10.3</span> <span class=content> 2.46 +The Future-element Pseudo-class: <span class=css data-link-type=maybe title=:future>:future</span></span></a></ul><li><a href=#input-pseudos><span class=secno>11</span> <span class=content> 2.47 The Input Pseudo-classes</span></a><ul class=toc><li><a href=#input-states><span class=secno>11.1</span> <span class=content> 2.48 Input Control States</span></a><ul class=toc><li><a href=#enableddisabled><span class=secno>11.1.1</span> <span class=content> 2.49 -The <span class=css data-link-type=maybe title=:enabled>:enabled</span> and <span class=css data-link-type=maybe title=:disabled>:disabled</span> pseudo-classes</span></a><li><a href=#rw-pseudos><span class=secno>11.1.2</span> <span class=content> 2.50 -The mutability pseudo-classes <span class=css data-link-type=maybe title=:read-only>:read-only</span> and <span class=css data-link-type=maybe title=:read-write>:read-write</span></span></a><li><a href=#placeholder><span class=secno>11.1.3</span> <span class=content> 2.51 -The placeholder-shown pseudo-class <span class=css data-link-type=maybe title=:placeholder-shown>:placeholder-shown</span></span></a><li><a href=#the-default-pseudo><span class=secno>11.1.4</span> <span class=content> 2.52 -The default-option pseudo-class <span class=css data-link-type=maybe title=:default>:default</span></span></a></ul><li><a href=#input-value-states><span class=secno>11.2</span> <span class=content> 2.53 +The <span class=css data-link-type=maybe title=:enabled>:enabled</span> and <span class=css data-link-type=maybe title=:disabled>:disabled</span> Pseudo-classes</span></a><li><a href=#rw-pseudos><span class=secno>11.1.2</span> <span class=content> 2.54 +The Mutability Pseudo-classes: <span class=css data-link-type=maybe title=:read-only>:read-only</span> and <span class=css data-link-type=maybe title=:read-write>:read-write</span></span></a><li><a href=#placeholder><span class=secno>11.1.3</span> <span class=content> 2.55 +The Placeholder-shown Pseudo-class: <span class=css data-link-type=maybe title=:placeholder-shown>:placeholder-shown</span></span></a><li><a href=#the-default-pseudo><span class=secno>11.1.4</span> <span class=content> 2.56 +The Default-option Pseudo-class: <span class=css data-link-type=maybe title=:default>:default</span></span></a></ul><li><a href=#input-value-states><span class=secno>11.2</span> <span class=content> 2.57 Input Value States</span></a><ul class=toc><li><a href=#checked><span class=secno>11.2.1</span> <span class=content> 2.58 -The selected-option pseudo-class <span class=css data-link-type=maybe title=:checked>:checked</span></span></a><li><a href=#indeterminate><span class=secno>11.2.2</span> <span class=content> 2.59 -The indeterminate-value pseudo-class <span class=css data-link-type=maybe title=:indeterminate>:indeterminate</span></span></a></ul><li><a href=#ui-validity><span class=secno>11.3</span> <span class=content> 2.60 +The Selected-option Pseudo-class: <span class=css data-link-type=maybe title=:checked>:checked</span></span></a><li><a href=#indeterminate><span class=secno>11.2.2</span> <span class=content> 2.61 +The Indeterminate-value Pseudo-class: <span class=css data-link-type=maybe title=:indeterminate>:indeterminate</span></span></a></ul><li><a href=#ui-validity><span class=secno>11.3</span> <span class=content> 2.62 Input Value-checking</span></a><ul class=toc><li><a href=#validity-pseudos><span class=secno>11.3.1</span> <span class=content> 2.63 -The validity pseudo-classes: <span class=css data-link-type=maybe title=:valid>:valid</span> and <span class=css data-link-type=maybe title=:invalid>:invalid</span></span></a><li><a href=#range-pseudos><span class=secno>11.3.2</span> <span class=content> 2.64 -The range pseudo-classes <span class=css data-link-type=maybe title=:in-range>:in-range</span> and <span class=css data-link-type=maybe title=:out-of-range>:out-of-range</span></span></a><li><a href=#opt-pseudos><span class=secno>11.3.3</span> <span class=content> 2.65 -The optionality pseudo-classes <span class=css data-link-type=maybe title=:required>:required</span> and <span class=css data-link-type=maybe title=:optional>:optional</span></span></a><li><a href=#user-pseudos><span class=secno>11.3.4</span> <span class=content> 2.66 -The user-interaction pseudo-class <span class=css data-link-type=maybe title=:user-error>:user-error</span></span></a></ul></ul><li><a href=#structural-pseudos><span class=secno>12</span> <span class=content> 2.67 +The Validity Pseudo-classes: <span class=css data-link-type=maybe title=:valid>:valid</span> and <span class=css data-link-type=maybe title=:invalid>:invalid</span></span></a><li><a href=#range-pseudos><span class=secno>11.3.2</span> <span class=content> 2.68 +The Range Pseudo-classes: <span class=css data-link-type=maybe title=:in-range>:in-range</span> and <span class=css data-link-type=maybe title=:out-of-range>:out-of-range</span></span></a><li><a href=#opt-pseudos><span class=secno>11.3.3</span> <span class=content> 2.69 +The Optionality Pseudo-classes: <span class=css data-link-type=maybe title=:required>:required</span> and <span class=css data-link-type=maybe title=:optional>:optional</span></span></a><li><a href=#user-pseudos><span class=secno>11.3.4</span> <span class=content> 2.70 +The User-interaction Pseudo-class: <span class=css data-link-type=maybe title=:user-error>:user-error</span></span></a></ul></ul><li><a href=#structural-pseudos><span class=secno>12</span> <span class=content> 2.71 Tree-Structural pseudo-classes</span></a><ul class=toc><li><a href=#the-root-pseudo><span class=secno>12.1</span> <span class=content> 2.72 <span class=css data-link-type=maybe title=:root>:root</span> pseudo-class</span></a><li><a href=#the-empty-pseudo><span class=secno>12.2</span> <span class=content> 2.73 <span class=css data-link-type=maybe title=:empty>:empty</span> pseudo-class</span></a><li><a href=#the-blank-pseudo><span class=secno>12.3</span> <span class=content> 2.74 @@ -321,7 +321,7 @@ 2.75 <td>an E element that matches <a data-link-type=dfn href=#compound>compound selector</a> <var>s1</var> 2.76 and/or <a data-link-type=dfn href=#compound>compound selector</a> <var>s2</var> 2.77 <td><a data-section="" href=#matches>§4.2 2.78 -The Matches-Any Pseudo-class: :matches()</a> 2.79 +The Matches-any Pseudo-class: :matches()</a> 2.80 <td>4 2.81 <tr> 2.82 <td><code>E:has(<var>rs1</var>, <var>rs2</var>)</code> 2.83 @@ -408,7 +408,7 @@ 2.84 <td>an element of type E in with left-to-right directionality 2.85 (the document language specifies how directionality is determined) 2.86 <td><a data-section="" href=#the-dir-pseudo>§7.1 2.87 -The directionality pseudo-class :dir()</a> 2.88 +The Directionality Pseudo-class: :dir()</a> 2.89 <td>4 2.90 <tr> 2.91 <td><code>E:lang(zh, *-hant)</code> 2.92 @@ -416,40 +416,40 @@ 2.93 (any dialect or writing system) 2.94 or othewise written with traditional Chinese characters 2.95 <td><a data-section="" href=#the-lang-pseudo>§7.2 2.96 -The language pseudo-class :lang()</a> 2.97 +The Language Pseudo-class: :lang()</a> 2.98 <td>2/4 2.99 <tbody> 2.100 <tr> 2.101 <td><code>E:any-link</code> 2.102 <td>an E element being the source anchor of a hyperlink 2.103 <td><a data-section="" href=#the-any-link-pseudo>§8.1 2.104 -The hyperlink pseudo-class: :any-link</a> 2.105 +The Hyperlink Pseudo-class: :any-link</a> 2.106 <td>4 2.107 <tr> 2.108 <td><code>E:link</code> 2.109 <td>an E element being the source anchor of a hyperlink 2.110 of which the target is not yet visited 2.111 <td><a data-section="" href=#link>§8.2 2.112 -The link history pseudo-classes: :link and :visited</a> 2.113 +The Link History Pseudo-classes: :link and :visited</a> 2.114 <td>1 2.115 <tr> 2.116 <td><code>E:visited</code> 2.117 <td>an E element being the source anchor of a hyperlink 2.118 of which the target is already visited 2.119 <td><a data-section="" href=#link>§8.2 2.120 -The link history pseudo-classes: :link and :visited</a> 2.121 +The Link History Pseudo-classes: :link and :visited</a> 2.122 <td>1 2.123 <tr> 2.124 <td><code>E:target</code> 2.125 <td>an E element being the target of the referring URL 2.126 <td><a data-section="" href=#the-target-pseudo>§8.3 2.127 -The target pseudo-class :target</a> 2.128 +The Target Pseudo-class: :target</a> 2.129 <td>3 2.130 <tr> 2.131 <td><code>E:scope</code> 2.132 <td>an E element being a designated reference element 2.133 <td><a data-section="" href=#the-scope-pseudo>§8.4 2.134 -The reference element pseudo-class :scope</a> 2.135 +The Reference Element Pseudo-class: :scope</a> 2.136 <td>4 2.137 <tbody> 2.138 <tr> 2.139 @@ -501,88 +501,88 @@ 2.140 <td><code>E:drop</code> 2.141 <td>an E element that can possibly receieve a drop 2.142 <td><a data-section="" href=#drag-pseudos>§9.5 2.143 -The drag-and-drop pseudo-class :drop and :drop()</a> 2.144 +The Drag-and-Drop Pseudo-class: :drop and :drop()</a> 2.145 <td>4 2.146 <tr> 2.147 <td><code>E:drop(active)</code> 2.148 <td>an E element that is the current drop target for the item being dragged 2.149 <td><a data-section="" href=#drag-pseudos>§9.5 2.150 -The drag-and-drop pseudo-class :drop and :drop()</a> 2.151 +The Drag-and-Drop Pseudo-class: :drop and :drop()</a> 2.152 <td>4 2.153 <tr> 2.154 <td><code>E:drop(valid)</code> 2.155 <td>an E element that could receive the item currently being dragged 2.156 <td><a data-section="" href=#drag-pseudos>§9.5 2.157 -The drag-and-drop pseudo-class :drop and :drop()</a> 2.158 +The Drag-and-Drop Pseudo-class: :drop and :drop()</a> 2.159 <td>4 2.160 <tr> 2.161 <td><code>E:drop(invalid)</code> 2.162 <td>an E element that cannot receive the item currently being dragged, but could receive some other item 2.163 <td><a data-section="" href=#drag-pseudos>§9.5 2.164 -The drag-and-drop pseudo-class :drop and :drop()</a> 2.165 +The Drag-and-Drop Pseudo-class: :drop and :drop()</a> 2.166 <td>4 2.167 <tbody> 2.168 <tr> 2.169 <td><code>E:enabled<br>E:disabled</code> 2.170 <td>a user interface element E that is enabled or disabled, respectively 2.171 <td><a data-section="" href=#enableddisabled>§11.1.1 2.172 -The :enabled and :disabled pseudo-classes</a> 2.173 +The :enabled and :disabled Pseudo-classes</a> 2.174 <td>3 2.175 <tr> 2.176 <td><code>E:read-only</code><br><code>E:read-write</code> 2.177 <td>a user interface element E that 2.178 <td><a data-section="" href=#rw-pseudos>§11.1.2 2.179 -The mutability pseudo-classes :read-only and :read-write</a> 2.180 +The Mutability Pseudo-classes: :read-only and :read-write</a> 2.181 <td>3-UI/4 2.182 <tr> 2.183 <td><code>E:placeholder-shown</code> 2.184 <td>an input control currently showing placeholder text 2.185 <td><a data-section="" href=#rw-pseudos>§11.1.2 2.186 -The mutability pseudo-classes :read-only and :read-write</a> 2.187 +The Mutability Pseudo-classes: :read-only and :read-write</a> 2.188 <td>3-UI/4 2.189 <tr> 2.190 <td><code>E:default</code> 2.191 <td>a user interface element E that 2.192 <td><a data-section="" href=#the-default-pseudo>§11.1.4 2.193 -The default-option pseudo-class :default</a> 2.194 +The Default-option Pseudo-class: :default</a> 2.195 <td>3-UI/4 2.196 <tr> 2.197 <td><code>E:checked</code> 2.198 <td>a user interface element E that is checked/selected 2.199 (for instance a radio-button or checkbox) 2.200 <td><a data-section="" href=#checked>§11.2.1 2.201 -The selected-option pseudo-class :checked</a> 2.202 +The Selected-option Pseudo-class: :checked</a> 2.203 <td>3 2.204 <tr> 2.205 <td><code>E:indeterminate</code> 2.206 <td>a user interface element E that is in an indeterminate state 2.207 (neither checked nor unchecked) 2.208 <td><a data-section="" href=#indeterminate>§11.2.2 2.209 -The indeterminate-value pseudo-class :indeterminate</a> 2.210 +The Indeterminate-value Pseudo-class: :indeterminate</a> 2.211 <td>4 2.212 <tr> 2.213 <td><code>E:valid</code><br><code>E:invalid</code> 2.214 <td>a user-input element E that 2.215 <td><a data-section="" href=#range-pseudos>§11.3.2 2.216 -The range pseudo-classes :in-range and :out-of-range</a> 2.217 +The Range Pseudo-classes: :in-range and :out-of-range</a> 2.218 <td>3-UI/4 2.219 <tr> 2.220 <td><code>E:in-range</code><br><code>E:out-of-range</code> 2.221 <td>a user-input element E whose value is in-range/out-of-range 2.222 <td><a data-section="" href=#range-pseudos>§11.3.2 2.223 -The range pseudo-classes :in-range and :out-of-range</a> 2.224 +The Range Pseudo-classes: :in-range and :out-of-range</a> 2.225 <td>3-UI/4 2.226 <tr> 2.227 <td><code>E:required</code><br><code>E:optional</code> 2.228 <td>a user-input element E that requires/does not require input 2.229 <td><a data-section="" href=#opt-pseudos>§11.3.3 2.230 -The optionality pseudo-classes :required and :optional</a> 2.231 +The Optionality Pseudo-classes: :required and :optional</a> 2.232 <td>3-UI/4 2.233 <tr> 2.234 <td><code>E:required</code><br><code>E:optional</code> 2.235 <td>a user-input element E with incorrect input 2.236 <td><a data-section="" href=#opt-pseudos>§11.3.3 2.237 -The optionality pseudo-classes :required and :optional</a> 2.238 +The Optionality Pseudo-classes: :required and :optional</a> 2.239 <td>4 2.240 <tbody> 2.241 <tr> 2.242 @@ -1469,7 +1469,7 @@ 2.243 </div> 2.244 2.245 <h3 class="heading settled" data-level=4.2 id=matches><span class=secno>4.2. </span><span class=content> 2.246 -The Matches-Any Pseudo-class: <a class=css data-link-type=maybe href=#matches-pseudo>:matches()</a></span><a class=self-link href=#matches></a></h3> 2.247 +The Matches-any Pseudo-class: <a class=css data-link-type=maybe href=#matches-pseudo>:matches()</a></span><a class=self-link href=#matches></a></h3> 2.248 2.249 <p>The matches-any pseudo-class, <dfn class=css data-dfn-type=selector data-export="" id=matches-pseudo>:matches()<a class=self-link href=#matches-pseudo></a></dfn>, 2.250 is a functional pseudo-class taking a <a data-link-type=dfn href=#selector-list>selector list</a> 2.251 @@ -2107,7 +2107,7 @@ 2.252 Linguistic Pseudo-classes</span><a class=self-link href=#linguistic-pseudos></a></h2> 2.253 2.254 <h3 class="heading settled" data-level=7.1 id=the-dir-pseudo><span class=secno>7.1. </span><span class=content> 2.255 -The directionality pseudo-class <a class=css data-link-type=maybe href=#dir-pseudo>:dir()</a></span><a class=self-link href=#the-dir-pseudo></a></h3> 2.256 +The Directionality Pseudo-class: <a class=css data-link-type=maybe href=#dir-pseudo>:dir()</a></span><a class=self-link href=#the-dir-pseudo></a></h3> 2.257 2.258 <p>The <dfn class=css data-dfn-type=selector data-export="" id=dir-pseudo>:dir()<a class=self-link href=#dir-pseudo></a></dfn> pseudo-class allows the author to write 2.259 selectors that represent an element based on its directionality as 2.260 @@ -2142,7 +2142,7 @@ 2.261 directionality of the elements as determined by its contents. <a data-biblio-type=informative data-link-type=biblio href=#biblio-html5 title=HTML5>[HTML5]</a></p> 2.262 2.263 <h3 class="heading settled" data-level=7.2 id=the-lang-pseudo><span class=secno>7.2. </span><span class=content> 2.264 -The language pseudo-class <a class=css data-link-type=maybe href=#lang-pseudo>:lang()</a></span><a class=self-link href=#the-lang-pseudo></a></h3> 2.265 +The Language Pseudo-class: <a class=css data-link-type=maybe href=#lang-pseudo>:lang()</a></span><a class=self-link href=#the-lang-pseudo></a></h3> 2.266 2.267 <p>If the document language specifies how the (human) content language of an 2.268 element is determined, it is possible to write selectors that 2.269 @@ -2235,7 +2235,7 @@ 2.270 Location Pseudo-classes</span><a class=self-link href=#location></a></h2> 2.271 2.272 <h3 class="heading settled" data-level=8.1 id=the-any-link-pseudo><span class=secno>8.1. </span><span class=content> 2.273 -The hyperlink pseudo-class: <a class=css data-link-type=maybe href=#any-link-pseudo>:any-link</a></span><a class=self-link href=#the-any-link-pseudo></a></h3> 2.274 +The Hyperlink Pseudo-class: <a class=css data-link-type=maybe href=#any-link-pseudo>:any-link</a></span><a class=self-link href=#the-any-link-pseudo></a></h3> 2.275 2.276 <p>The <dfn class=css data-dfn-type=selector data-export="" id=any-link-pseudo>:any-link<a class=self-link href=#any-link-pseudo></a></dfn> pseudo-class represents an element 2.277 that acts as the source anchor of a hyperlink. 2.278 @@ -2248,7 +2248,7 @@ 2.279 <p class=issue id=issue-907dd942><a class=self-link href=#issue-907dd942></a>Any better name suggestions for this pseudo? 2.280 2.281 <h3 class="heading settled" data-level=8.2 id=link><span class=secno>8.2. </span><span class=content> 2.282 -The link history pseudo-classes: <a class=css data-link-type=maybe href=#link-pseudo>:link</a> and <a class=css data-link-type=maybe href=#visited-pseudo>:visited</a></span><a class=self-link href=#link></a></h3> 2.283 +The Link History Pseudo-classes: <a class=css data-link-type=maybe href=#link-pseudo>:link</a> and <a class=css data-link-type=maybe href=#visited-pseudo>:visited</a></span><a class=self-link href=#link></a></h3> 2.284 2.285 <p>User agents commonly display unvisited <a href=#the-any-link-pseudo>hyperlinks</a> differently from 2.286 previously visited ones. Selectors 2.287 @@ -2284,7 +2284,7 @@ 2.288 2.289 2.290 <h3 class="heading settled" data-level=8.3 id=the-target-pseudo><span class=secno>8.3. </span><span class=content> 2.291 -The target pseudo-class <a class=css data-link-type=maybe href=#target-pseudo>:target</a></span><a class=self-link href=#the-target-pseudo></a></h3> 2.292 +The Target Pseudo-class: <a class=css data-link-type=maybe href=#target-pseudo>:target</a></span><a class=self-link href=#the-target-pseudo></a></h3> 2.293 2.294 <p>Some URLs refer to a location within a resource. This kind of URL 2.295 ends with a "number sign" (#) followed by an anchor 2.296 @@ -2322,7 +2322,7 @@ 2.297 2.298 2.299 <h3 class="heading settled" data-level=8.4 id=the-scope-pseudo><span class=secno>8.4. </span><span class=content> 2.300 -The reference element pseudo-class <a class=css data-link-type=maybe href=#scope-pseudo>:scope</a></span><a class=self-link href=#the-scope-pseudo></a></h3> 2.301 +The Reference Element Pseudo-class: <a class=css data-link-type=maybe href=#scope-pseudo>:scope</a></span><a class=self-link href=#the-scope-pseudo></a></h3> 2.302 2.303 <p>In some contexts, selectors can be matched with an explicit set of <dfn data-dfn-type=dfn data-export="" id=scope-element title=":scope element">:scope elements<a class=self-link href=#scope-element></a></dfn>. 2.304 This is is a (potentially empty) set of elements 2.305 @@ -2375,7 +2375,7 @@ 2.306 but will be in the future.</p> 2.307 2.308 <h3 class="heading settled" data-level=9.1 id=the-hover-pseudo><span class=secno>9.1. </span><span class=content> 2.309 -The pointer hover pseudo-class <a class=css data-link-type=maybe href=#hover-pseudo>:hover</a></span><a class=self-link href=#the-hover-pseudo></a></h3> 2.310 +The Pointer Hover Pseudo-class: <a class=css data-link-type=maybe href=#hover-pseudo>:hover</a></span><a class=self-link href=#the-hover-pseudo></a></h3> 2.311 2.312 <p>The <dfn class=css data-dfn-type=selector data-export="" id=hover-pseudo>:hover<a class=self-link href=#hover-pseudo></a></dfn> pseudo-class applies 2.313 while the user designates an element with a pointing device, 2.314 @@ -2403,7 +2403,7 @@ 2.315 <p>The <a class=css data-link-type=maybe href=#hover-pseudo>:hover</a> pseudo-class can apply to any pseudo-element.</p> 2.316 2.317 <h3 class="heading settled" data-level=9.2 id=the-active-pseudo><span class=secno>9.2. </span><span class=content> 2.318 -The activation pseudo-class <a class=css data-link-type=maybe href=#active-pseudo>:active</a></span><a class=self-link href=#the-active-pseudo></a></h3> 2.319 +The Activation Pseudo-class: <a class=css data-link-type=maybe href=#active-pseudo>:active</a></span><a class=self-link href=#the-active-pseudo></a></h3> 2.320 2.321 <p>The <dfn class=css data-dfn-type=selector data-export="" id=active-pseudo>:active<a class=self-link href=#active-pseudo></a></dfn> pseudo-class applies while an element 2.322 is being activated by the user. For example, between the times the 2.323 @@ -2427,7 +2427,7 @@ 2.324 ':visited' and ':active' (or ':link' and ':active').</p> 2.325 2.326 <h3 class="heading settled" data-level=9.3 id=the-focus-pseudo><span class=secno>9.3. </span><span class=content> 2.327 -The input focus pseudo-class <a class=css data-link-type=maybe href=#focus-pseudo>:focus</a></span><a class=self-link href=#the-focus-pseudo></a></h3> 2.328 +The Input Focus Pseudo-class: <a class=css data-link-type=maybe href=#focus-pseudo>:focus</a></span><a class=self-link href=#the-focus-pseudo></a></h3> 2.329 2.330 <p>The <dfn class=css data-dfn-type=selector data-export="" id=focus-pseudo>:focus<a class=self-link href=#focus-pseudo></a></dfn> pseudo-class applies while an element 2.331 has the focus (accepts keyboard or mouse events, or other forms of 2.332 @@ -2442,7 +2442,7 @@ 2.333 except that the parent of an element that matches <a class=css data-link-type=maybe href=#focus-pseudo>:focus</a> must not match <a class=css data-link-type=maybe href=#focus-pseudo>:focus</a>.</p> 2.334 2.335 <h3 class="heading settled" data-level=9.4 id=the-focus-within-pseudo><span class=secno>9.4. </span><span class=content> 2.336 -The Generalized Input Focus Pseudo-Class: <a class=css data-link-type=maybe href=#focus-within-pseudo>:focus-within</a></span><a class=self-link href=#the-focus-within-pseudo></a></h3> 2.337 +The Generalized Input Focus Pseudo-class: <a class=css data-link-type=maybe href=#focus-within-pseudo>:focus-within</a></span><a class=self-link href=#the-focus-within-pseudo></a></h3> 2.338 2.339 <p>The <dfn class=css data-dfn-type=selector data-export="" id=focus-within-pseudo>:focus-within<a class=self-link href=#focus-within-pseudo></a></dfn> pseudo-class applies to elements for which the <a class=css data-link-type=maybe href=#focus-pseudo>:focus</a> pseudo class applies. 2.340 Additionaly, the parent of an element that matches <a class=css data-link-type=maybe href=#focus-within-pseudo>:focus-within</a> also matches <a class=css data-link-type=maybe href=#focus-within-pseudo>:focus-within</a>.</p> 2.341 @@ -2451,7 +2451,7 @@ 2.342 the <a data-link-type=dfn href=http://dev.w3.org/csswg/css-scoping-1/#host-element0>host element</a> (and its parents) are also in the <a class=css data-link-type=maybe href=#focus-within-pseudo>:focus-within</a> state. (See <a data-biblio-type=informative data-link-type=biblio href=#biblio-css-scoping-1 title=css-scoping-1>[css-scoping-1]</a>)</p> 2.343 2.344 <h3 class="heading settled" data-level=9.5 id=drag-pseudos><span class=secno>9.5. </span><span class=content> 2.345 -The drag-and-drop pseudo-class <a class=css data-link-type=maybe href=#selectordef-drop>:drop</a> and <a class=css data-link-type=maybe href=#selectordef-drop-function>:drop()</a></span><a class=self-link href=#drag-pseudos></a></h3> 2.346 +The Drag-and-Drop Pseudo-class: <a class=css data-link-type=maybe href=#selectordef-drop>:drop</a> and <a class=css data-link-type=maybe href=#selectordef-drop-function>:drop()</a></span><a class=self-link href=#drag-pseudos></a></h3> 2.347 2.348 <p>The <dfn class=css data-dfn-type=selector data-export="" id=selectordef-drop>:drop<a class=self-link href=#selectordef-drop></a></dfn> pseudo-class applies to all elements 2.349 that are drop targets, 2.350 @@ -2515,7 +2515,7 @@ 2.351 these pseudo-classes must not match the element.</p> 2.352 2.353 <h3 class="heading settled" data-level=10.1 id=the-current-pseudo><span class=secno>10.1. </span><span class=content> 2.354 -The current-element pseudo-class <a class=css data-link-type=maybe href=#current-pseudo>:current</a></span><a class=self-link href=#the-current-pseudo></a></h3> 2.355 +The Current-element Pseudo-class: <a class=css data-link-type=maybe href=#current-pseudo>:current</a></span><a class=self-link href=#the-current-pseudo></a></h3> 2.356 2.357 <p>The <dfn class=css data-dfn-type=selector data-export="" id=current-pseudo>:current<a class=self-link href=#current-pseudo></a></dfn> pseudo-class represents the 2.358 element, or an ancestor of the element, that is currently being displayed.</p> 2.359 @@ -2538,7 +2538,7 @@ 2.360 </div> 2.361 2.362 <h3 class="heading settled" data-level=10.2 id=the-past-pseudo><span class=secno>10.2. </span><span class=content> 2.363 -The past-element pseudo-class <a class=css data-link-type=maybe href=#past-pseudo>:past</a></span><a class=self-link href=#the-past-pseudo></a></h3> 2.364 +The Past-element Pseudo-class: <a class=css data-link-type=maybe href=#past-pseudo>:past</a></span><a class=self-link href=#the-past-pseudo></a></h3> 2.365 2.366 <p>The <dfn class=css data-dfn-type=selector data-export="" id=past-pseudo>:past<a class=self-link href=#past-pseudo></a></dfn> pseudo-class represents any element that is 2.367 defined to occur entirely prior to a <a class=css data-link-type=maybe href=#current-pseudo>:current</a> element. 2.368 @@ -2548,7 +2548,7 @@ 2.369 sibling of a <a class=css data-link-type=maybe href=#current-pseudo>:current</a> element.</p> 2.370 2.371 <h3 class="heading settled" data-level=10.3 id=the-future-pseudo><span class=secno>10.3. </span><span class=content> 2.372 -The future-element pseudo-class <a class=css data-link-type=maybe href=#future-pseudo>:future</a></span><a class=self-link href=#the-future-pseudo></a></h3> 2.373 +The Future-element Pseudo-class: <a class=css data-link-type=maybe href=#future-pseudo>:future</a></span><a class=self-link href=#the-future-pseudo></a></h3> 2.374 2.375 <p>The <dfn class=css data-dfn-type=selector data-export="" id=future-pseudo>:future<a class=self-link href=#future-pseudo></a></dfn> pseudo-class represents any element that is 2.376 defined to occur entirely after a <a class=css data-link-type=maybe href=#current-pseudo>:current</a> element. 2.377 @@ -2568,7 +2568,7 @@ 2.378 Input Control States</span><a class=self-link href=#input-states></a></h3> 2.379 2.380 <h4 class="heading settled" data-level=11.1.1 id=enableddisabled><span class=secno>11.1.1. </span><span class=content> 2.381 -The <a class=css data-link-type=maybe href=#enabled-pseudo>:enabled</a> and <a class=css data-link-type=maybe href=#disabled-pseudo>:disabled</a> pseudo-classes</span><a class=self-link href=#enableddisabled></a></h4> 2.382 +The <a class=css data-link-type=maybe href=#enabled-pseudo>:enabled</a> and <a class=css data-link-type=maybe href=#disabled-pseudo>:disabled</a> Pseudo-classes</span><a class=self-link href=#enableddisabled></a></h4> 2.383 2.384 <p>The <dfn class=css data-dfn-type=selector data-export="" id=enabled-pseudo>:enabled<a class=self-link href=#enabled-pseudo></a></dfn> pseudo-class represents user interface elements 2.385 that are in an enabled state; such elements have a corresponding disabled 2.386 @@ -2591,7 +2591,7 @@ 2.387 on the enabled/disabled state of an element.</p> 2.388 2.389 <h4 class="heading settled" data-level=11.1.2 id=rw-pseudos><span class=secno>11.1.2. </span><span class=content> 2.390 -The mutability pseudo-classes <a class=css data-link-type=maybe href=#read-only-pseudo>:read-only</a> and <a class=css data-link-type=maybe href=#read-write-pseudo>:read-write</a></span><a class=self-link href=#rw-pseudos></a></h4> 2.391 +The Mutability Pseudo-classes: <a class=css data-link-type=maybe href=#read-only-pseudo>:read-only</a> and <a class=css data-link-type=maybe href=#read-write-pseudo>:read-write</a></span><a class=self-link href=#rw-pseudos></a></h4> 2.392 2.393 <p>An element matches <dfn class=css data-dfn-type=selector data-export="" id=read-write-pseudo>:read-write<a class=self-link href=#read-write-pseudo></a></dfn> if it is user-alterable, 2.394 as defined by the host language. 2.395 @@ -2601,7 +2601,7 @@ 2.396 as is any element with the <code>contenteditable</code> attribute set to the true state.</p> 2.397 2.398 <h4 class="heading settled" data-level=11.1.3 id=placeholder><span class=secno>11.1.3. </span><span class=content> 2.399 -The placeholder-shown pseudo-class <a class=css data-link-type=maybe href=#placeholder-shown-pseudo>:placeholder-shown</a></span><a class=self-link href=#placeholder></a></h4> 2.400 +The Placeholder-shown Pseudo-class: <a class=css data-link-type=maybe href=#placeholder-shown-pseudo>:placeholder-shown</a></span><a class=self-link href=#placeholder></a></h4> 2.401 2.402 <p>Input elements can sometimes show placeholder text 2.403 as a hint to the user on what to type in. 2.404 @@ -2610,7 +2610,7 @@ 2.405 matches an input element that is showing such placeholder text.</p> 2.406 2.407 <h4 class="heading settled" data-level=11.1.4 id=the-default-pseudo><span class=secno>11.1.4. </span><span class=content> 2.408 -The default-option pseudo-class <a class=css data-link-type=maybe href=#default-pseudo>:default</a></span><a class=self-link href=#the-default-pseudo></a></h4> 2.409 +The Default-option Pseudo-class: <a class=css data-link-type=maybe href=#default-pseudo>:default</a></span><a class=self-link href=#the-default-pseudo></a></h4> 2.410 2.411 <p>The <dfn class=css data-dfn-type=selector data-export="" id=default-pseudo>:default<a class=self-link href=#default-pseudo></a></dfn> pseudo-class applies to the one or more UI elements 2.412 that are the default among a set of similar elements. Typically applies to 2.413 @@ -2628,7 +2628,7 @@ 2.414 Input Value States</span><a class=self-link href=#input-value-states></a></h3> 2.415 2.416 <h4 class="heading settled" data-level=11.2.1 id=checked><span class=secno>11.2.1. </span><span class=content> 2.417 -The selected-option pseudo-class <a class=css data-link-type=maybe href=#checked-pseudo>:checked</a></span><a class=self-link href=#checked></a></h4> 2.418 +The Selected-option Pseudo-class: <a class=css data-link-type=maybe href=#checked-pseudo>:checked</a></span><a class=self-link href=#checked></a></h4> 2.419 2.420 <p>Radio and checkbox elements can be toggled by the user. Some menu 2.421 items are "checked" when the user selects them. When such elements are 2.422 @@ -2649,7 +2649,7 @@ 2.423 </div> 2.424 2.425 <h4 class="heading settled" data-level=11.2.2 id=indeterminate><span class=secno>11.2.2. </span><span class=content> 2.426 -The indeterminate-value pseudo-class <a class=css data-link-type=maybe href=#indetermine-pseudo>:indeterminate</a></span><a class=self-link href=#indeterminate></a></h4> 2.427 +The Indeterminate-value Pseudo-class: <a class=css data-link-type=maybe href=#indetermine-pseudo>:indeterminate</a></span><a class=self-link href=#indeterminate></a></h4> 2.428 2.429 <p>The <dfn class=css data-dfn-type=selector data-export="" id=indetermine-pseudo>:indeterminate<a class=self-link href=#indetermine-pseudo></a></dfn> pseudo-class applies to UI elements whose 2.430 value is in an indeterminate state. 2.431 @@ -2667,7 +2667,7 @@ 2.432 Input Value-checking</span><a class=self-link href=#ui-validity></a></h3> 2.433 2.434 <h4 class="heading settled" data-level=11.3.1 id=validity-pseudos><span class=secno>11.3.1. </span><span class=content> 2.435 -The validity pseudo-classes: <a class=css data-link-type=maybe href=#valid-pseudo>:valid</a> and <a class=css data-link-type=maybe href=#invalid-pseudo>:invalid</a></span><a class=self-link href=#validity-pseudos></a></h4> 2.436 +The Validity Pseudo-classes: <a class=css data-link-type=maybe href=#valid-pseudo>:valid</a> and <a class=css data-link-type=maybe href=#invalid-pseudo>:invalid</a></span><a class=self-link href=#validity-pseudos></a></h4> 2.437 2.438 <p>An element is <dfn class=css data-dfn-type=selector data-export="" id=valid-pseudo>:valid<a class=self-link href=#valid-pseudo></a></dfn> 2.439 or <dfn class=css data-dfn-type=selector data-export="" id=invalid-pseudo>:invalid<a class=self-link href=#invalid-pseudo></a></dfn> 2.440 @@ -2685,7 +2685,7 @@ 2.441 and so it never matches either of these pseudo-classes.</p> 2.442 2.443 <h4 class="heading settled" data-level=11.3.2 id=range-pseudos><span class=secno>11.3.2. </span><span class=content> 2.444 -The range pseudo-classes <a class=css data-link-type=maybe href=#in-range-pseudo>:in-range</a> and <a class=css data-link-type=maybe href=#out-of-range-pseudo>:out-of-range</a></span><a class=self-link href=#range-pseudos></a></h4> 2.445 +The Range Pseudo-classes: <a class=css data-link-type=maybe href=#in-range-pseudo>:in-range</a> and <a class=css data-link-type=maybe href=#out-of-range-pseudo>:out-of-range</a></span><a class=self-link href=#range-pseudos></a></h4> 2.446 2.447 <p>The <dfn class=css data-dfn-type=selector data-export="" id=in-range-pseudo>:in-range<a class=self-link href=#in-range-pseudo></a></dfn> and 2.448 <dfn class=css data-dfn-type=selector data-export="" id=out-of-range-pseudo>:out-of-range<a class=self-link href=#out-of-range-pseudo></a></dfn> pseudo-classes 2.449 @@ -2701,7 +2701,7 @@ 2.450 presented in a popup menu that only has choices "A", "B" and "C".</p> 2.451 2.452 <h4 class="heading settled" data-level=11.3.3 id=opt-pseudos><span class=secno>11.3.3. </span><span class=content> 2.453 -The optionality pseudo-classes <a class=css data-link-type=maybe href=#required-pseudo>:required</a> and <a class=css data-link-type=maybe href=#optional-pseudo>:optional</a></span><a class=self-link href=#opt-pseudos></a></h4> 2.454 +The Optionality Pseudo-classes: <a class=css data-link-type=maybe href=#required-pseudo>:required</a> and <a class=css data-link-type=maybe href=#optional-pseudo>:optional</a></span><a class=self-link href=#opt-pseudos></a></h4> 2.455 2.456 <p>A form element is <dfn class=css data-dfn-type=selector data-export="" id=required-pseudo>:required<a class=self-link href=#required-pseudo></a></dfn> or 2.457 <dfn class=css data-dfn-type=selector data-export="" id=optional-pseudo>:optional<a class=self-link href=#optional-pseudo></a></dfn> 2.458 @@ -2710,7 +2710,7 @@ 2.459 form elements are neither required nor optional.</p> 2.460 2.461 <h4 class="heading settled" data-level=11.3.4 id=user-pseudos><span class=secno>11.3.4. </span><span class=content> 2.462 -The user-interaction pseudo-class <a class=css data-link-type=maybe href=#user-error-pseudo>:user-error</a></span><a class=self-link href=#user-pseudos></a></h4> 2.463 +The User-interaction Pseudo-class: <a class=css data-link-type=maybe href=#user-error-pseudo>:user-error</a></span><a class=self-link href=#user-pseudos></a></h4> 2.464 2.465 <p>The <dfn class=css data-dfn-type=selector data-export="" id=user-error-pseudo>:user-error<a class=self-link href=#user-error-pseudo></a></dfn> pseudo-class 2.466 represents an input element with incorrect input, but only
