|
15 | 15 |
|
16 | 16 | <h1 id=title>Selectors Level 4</h1> |
17 | 17 |
|
18 | | - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 September |
| 18 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 27 September |
19 | 19 | 2011</h2> |
20 | 20 |
|
21 | 21 | <dl> |
22 | 22 | <dt>This version: |
23 | 23 |
|
24 | | - <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110920/"> |
25 | | - http://www.w3.org/TR/2011/WD-selectors4-20110920</a> --> |
| 24 | + <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110927/"> |
| 25 | + http://www.w3.org/TR/2011/WD-selectors4-20110927</a> --> |
26 | 26 | <a href="http://dev.w3.org/csswg/selectors4"> |
27 | 27 | http://dev.w3.org/csswg/selectors4</a> |
28 | 28 |
|
@@ -87,9 +87,9 @@ <h2 class="no-num no-toc" id=abstract> Abstract</h2> |
87 | 87 | Sheets">CSS</acronym> (Cascading Style Sheets), which uses Selectors to |
88 | 88 | bind style properties to elements in the document. |
89 | 89 |
|
90 | | - <p>Selectors Level 4 describes the selectors that already exist in |
91 | | - [[!CSS3SELECT]], and further introduces new selectors for CSS and other |
92 | | - languages that may need them. |
| 90 | + <p>Selectors Level 4 describes the selectors that already exist in <a |
| 91 | + href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>, and further |
| 92 | + introduces new selectors for CSS and other languages that may need them. |
93 | 93 |
|
94 | 94 | <h2 class="no-num no-toc" id=status>Status of this Document</h2> |
95 | 95 | <!--begin-status--> |
@@ -132,6 +132,8 @@ <h2 class="no-num no-toc" id=status>Status of this Document</h2> |
132 | 132 | the <a href="http://www.w3.org/TR/CSS/">CSS Snapshot</a> for an overview |
133 | 133 | of the CSS development process. |
134 | 134 |
|
| 135 | + <p>This is the first public Working Draft of this new specification. |
| 136 | + |
135 | 137 | <h2 class="no-num no-toc" id=contents>Table of Contents</h2> |
136 | 138 | <!--begin-toc--> |
137 | 139 |
|
@@ -257,7 +259,7 @@ <h2 class="no-num no-toc" id=contents>Table of Contents</h2> |
257 | 259 | activation pseudo-class ‘<code |
258 | 260 | class=css>:active</code>’</a> |
259 | 261 |
|
260 | | - <li><a href="#active-pseudo"><span class=secno>8.3. </span> The input |
| 262 | + <li><a href="#focus-pseudo"><span class=secno>8.3. </span> The input |
261 | 263 | focus pseudo-class ‘<code class=css>:focus</code>’</a> |
262 | 264 | </ul> |
263 | 265 |
|
@@ -478,7 +480,8 @@ <h2 id=context><span class=secno>1. </span> Introduction</h2> |
478 | 480 | <h3 id=placement><span class=secno>1.1. </span>Module Interactions</h3> |
479 | 481 |
|
480 | 482 | <p>This module replaces the definitions for, and extends the set of |
481 | | - selectors defined for CSS in [[CSS3SELECT]] and <a href="#CSS21" |
| 483 | + selectors defined for CSS in <a href="#SELECT" |
| 484 | + rel=biblioentry>[SELECT]<!--{{SELECT}}--></a> and <a href="#CSS21" |
482 | 485 | rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>. |
483 | 486 |
|
484 | 487 | <p>Pseudo-element selectors, which define abstract elements in a rendering |
@@ -1914,7 +1917,6 @@ <h3 id=here-pseudo><span class=secno>7.3. </span> The local link |
1914 | 1917 |
|
1915 | 1918 | <li>Link 5 would remain unstyled, and Style 5 would not be applied to |
1916 | 1919 | anything. |
1917 | | - <ol></ol> |
1918 | 1920 | </ol> |
1919 | 1921 | </div> |
1920 | 1922 |
|
@@ -1972,9 +1974,11 @@ <h3 id=scope-pseudo><span class=secno>7.5. </span> The contextual reference |
1972 | 1974 | <p>The <dfn id=contextual-reference-element-set>contextual reference |
1973 | 1975 | element set</dfn> is a (potentially empty) explicitly-specified set of |
1974 | 1976 | elements, such as that specified by the <code>querySelector()</code> call |
1975 | | - in [[SELECT-API2]]. Specifications intending for this pseudo-class to |
1976 | | - match specific elements rather than the document's root element must |
1977 | | - define a contextual reference element set. |
| 1977 | + in <a href="#SELECTORS-API2" |
| 1978 | + rel=biblioentry>[SELECTORS-API2]<!--{{SELECTORS-API2}}--></a>. |
| 1979 | + Specifications intending for this pseudo-class to match specific elements |
| 1980 | + rather than the document's root element must define a contextual reference |
| 1981 | + element set. |
1978 | 1982 |
|
1979 | 1983 | <h2 id=useraction-pseudos><span class=secno>8. </span> User Action |
1980 | 1984 | Pseudo-classes</h2> |
@@ -2050,7 +2054,7 @@ <h3 id=active-pseudo><span class=secno>8.2. </span> The activation |
2050 | 2054 | class=css>:link</code>’ and ‘<code |
2051 | 2055 | class=css>:active</code>’). |
2052 | 2056 |
|
2053 | | - <h3 id=active-pseudo><span class=secno>8.3. </span> The input focus |
| 2057 | + <h3 id=focus-pseudo><span class=secno>8.3. </span> The input focus |
2054 | 2058 | pseudo-class ‘<code class=css>:focus</code>’</h3> |
2055 | 2059 |
|
2056 | 2060 | <p>The <code>:focus</code> pseudo-class applies while an element has the |
@@ -2094,19 +2098,19 @@ <h3 id=past-pseudo><span class=secno>9.2. </span> The past-element |
2094 | 2098 | pseudo-class ‘<code class=css>:past</code>’</h3> |
2095 | 2099 |
|
2096 | 2100 | <p>The <code>:past</code> pseudo-class represents any element that is |
2097 | | - defined to occur entirely prior to a <code>:current<code> element. If a |
| 2101 | + defined to occur entirely prior to a <code>:current</code> element. If a |
2098 | 2102 | time-based order of elements is not defined by the document language, then |
2099 | 2103 | this represents any element that is a (possibly indirect) previous sibling |
2100 | | - of a <code>:current</code> element. </code></code> |
| 2104 | + of a <code>:current</code> element. |
2101 | 2105 |
|
2102 | 2106 | <h3 id=future-pseudo><span class=secno>9.3. </span> The future-element |
2103 | 2107 | pseudo-class ‘<code class=css>:future</code>’</h3> |
2104 | 2108 |
|
2105 | 2109 | <p>The <code>:future</code> pseudo-class represents any element that is |
2106 | | - defined to occur entirely after a <code>:current<code> element. If a |
| 2110 | + defined to occur entirely after a <code>:current</code> element. If a |
2107 | 2111 | time-based order of elements is not defined by the document language, then |
2108 | 2112 | this represents any element that is a (possibly indirect) next sibling of |
2109 | | - a <code>:current</code> element. </code></code> |
| 2113 | + a <code>:current</code> element. |
2110 | 2114 |
|
2111 | 2115 | <h2 id=linguistic-pseudos><span class=secno>10. </span> Linguistic |
2112 | 2116 | Pseudo-classes</h2> |
@@ -2331,10 +2335,10 @@ <h3 id=opt-pseudos><span class=secno>11.7. </span> The optionality |
2331 | 2335 | ‘<code class=css>:optional</code>’</h3> |
2332 | 2336 |
|
2333 | 2337 | <p>A form element is <code id=required-pseudo>:required</code> or <code |
2334 | | - id=optional-pseudo>:optional<code> if a value for it is, respectively, |
| 2338 | + id=optional-pseudo>:optional</code> if a value for it is, respectively, |
2335 | 2339 | required or optional before the form it belongs to can be validly |
2336 | 2340 | submitted. Elements that are not form elements are neither required nor |
2337 | | - optional. </code></code> |
| 2341 | + optional. |
2338 | 2342 |
|
2339 | 2343 | <h3 id=rw-pseudos><span class=secno>11.8. </span> The alterability |
2340 | 2344 | pseudo-classes ‘<code class=css>:read-only</code>’ and |
@@ -2981,8 +2985,8 @@ <h3 id=idref-combinator><span class=secno>14.5. </span> Reference |
2981 | 2985 | <div class=example> |
2982 | 2986 | <p>The following example highlights an <code><input></code> element |
2983 | 2987 | when its <a |
2984 | | - href="http://www.w3.org/TR/html40/interact/forms.html#h-17.9"><code><label></code> |
2985 | | - is focused or hovered-over:</a></p> |
| 2988 | + href="http://www.w3.org/TR/html40/interact/forms.html#h-17.9"><code><label></code></a> |
| 2989 | + is focused or hovered-over:</p> |
2986 | 2990 |
|
2987 | 2991 | <pre>label:matches(:hover, :focus) /for/ input, /* association by "for" attribute */ |
2988 | 2992 | <!-- -->label:matches(:hover, :focus):not([for]) input { /* association by containment */ |
@@ -3535,6 +3539,16 @@ <h3 id=normative-references><span class=secno>20.1. </span> Normative |
3535 | 3539 | </dd> |
3536 | 3540 | <!----> |
3537 | 3541 |
|
| 3542 | + <dt id=SELECT>[SELECT] |
| 3543 | + |
| 3544 | + <dd>Tantek Çelik; et al. <a |
| 3545 | + href="http://www.w3.org/TR/2009/PR-css3-selectors-20091215"><cite>Selectors |
| 3546 | + Level 3.</cite></a> 15 December 2009. W3C Proposed Recommendation. (Work |
| 3547 | + in progress.) URL: <a |
| 3548 | + href="http://www.w3.org/TR/2009/PR-css3-selectors-20091215">http://www.w3.org/TR/2009/PR-css3-selectors-20091215</a> |
| 3549 | + </dd> |
| 3550 | + <!----> |
| 3551 | + |
3538 | 3552 | <dt id=UNICODE>[UNICODE] |
3539 | 3553 |
|
3540 | 3554 | <dd>The Unicode Consortium. <a |
@@ -3611,6 +3625,16 @@ <h3 id=informative-references><span class=secno>20.2. </span> Informative |
3611 | 3625 | </dd> |
3612 | 3626 | <!----> |
3613 | 3627 |
|
| 3628 | + <dt id=SELECTORS-API2>[SELECTORS-API2] |
| 3629 | + |
| 3630 | + <dd>Lachlan Hunt. <a |
| 3631 | + href="http://www.w3.org/TR/2010/WD-selectors-api2-20100119/"><cite>Selectors |
| 3632 | + API Level 2.</cite></a> 19 January 2010. W3C Working Draft. (Work in |
| 3633 | + progress.) URL: <a |
| 3634 | + href="http://www.w3.org/TR/2010/WD-selectors-api2-20100119/">http://www.w3.org/TR/2010/WD-selectors-api2-20100119/</a> |
| 3635 | + </dd> |
| 3636 | + <!----> |
| 3637 | + |
3614 | 3638 | <dt id=STTS3>[STTS3] |
3615 | 3639 |
|
3616 | 3640 | <dd>Daniel Glazman. <a href="http://www.w3.org/TR/NOTE-STTS3"><cite>Simple |
|
0 commit comments