|
19 | 19 |
|
20 | 20 | <h1 id=title>Selectors Level 4</h1> |
21 | 21 |
|
22 | | - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 23 January |
| 22 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 February |
23 | 23 | 2012</h2> |
24 | 24 |
|
25 | 25 | <dl> |
26 | 26 | <dt>This version: <!-- |
27 | | - <dd><a href="http://www.w3.org/TR/2012/ED-selectors4-20120123/"> |
28 | | - http://www.w3.org/TR/2012/WD-selectors4-20120123/</a> |
| 27 | + <dd><a href="http://www.w3.org/TR/2012/ED-selectors4-20120228/"> |
| 28 | + http://www.w3.org/TR/2012/WD-selectors4-20120228/</a> |
29 | 29 |
|
30 | 30 | <dt>Editor's draft: |
31 | 31 | --> |
@@ -92,13 +92,13 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 23 January |
92 | 92 |
|
93 | 93 | <h2 class="no-num no-toc" id=abstract> Abstract</h2> |
94 | 94 |
|
95 | | - <p><em>Selectors</em> are patterns that match against elements in a tree, |
96 | | - and as such form one of several technologies that can be used to select |
97 | | - nodes in an XML document. Selectors have been optimized for use with HTML |
98 | | - and XML, and are designed to be usable in performance-critical code. They |
99 | | - are a core component of <abbr title="Cascading Style Sheets">CSS</abbr> |
100 | | - (Cascading Style Sheets), which uses Selectors to bind style properties to |
101 | | - elements in the document. |
| 95 | + <p><a href="#selector"><em>Selectors</em></a> are patterns that match |
| 96 | + against elements in a tree, and as such form one of several technologies |
| 97 | + that can be used to select nodes in an XML document. Selectors have been |
| 98 | + optimized for use with HTML and XML, and are designed to be usable in |
| 99 | + performance-critical code. They are a core component of <abbr |
| 100 | + title="Cascading Style Sheets">CSS</abbr> (Cascading Style Sheets), which |
| 101 | + uses Selectors to bind style properties to elements in the document. |
102 | 102 |
|
103 | 103 | <p>Selectors Level 4 describes the selectors that already exist in <a |
104 | 104 | href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>, and further |
@@ -201,8 +201,8 @@ <h2 class="no-num no-toc" id=contents>Table of Contents</h2> |
201 | 201 | <li><a href="#elemental-selectors"><span class=secno>5. </span> Elemental |
202 | 202 | selectors</a> |
203 | 203 | <ul class=toc> |
204 | | - <li><a href="#type-selectors"><span class=secno>5.1. </span> Type |
205 | | - selector</a> |
| 204 | + <li><a href="#type-selectors"><span class=secno>5.1. </span> Type (tag |
| 205 | + name) selector</a> |
206 | 206 | <ul class=toc> |
207 | 207 | <li><a href="#typenmsp"><span class=secno>5.1.1. </span> Type |
208 | 208 | selectors and namespaces</a> |
@@ -552,7 +552,7 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2> |
552 | 552 |
|
553 | 553 | <td>an element of type E |
554 | 554 |
|
555 | | - <td><a href="#type-selectors">Type selector</a> |
| 555 | + <td><a href="#type-selectors">Type (tag name) selector</a> |
556 | 556 |
|
557 | 557 | <td>1 |
558 | 558 |
|
@@ -1483,7 +1483,8 @@ <h3 id=negation><span class=secno>4.3. </span> The Negation Pseudo-class: |
1483 | 1483 |
|
1484 | 1484 | <h2 id=elemental-selectors><span class=secno>5. </span> Elemental selectors</h2> |
1485 | 1485 |
|
1486 | | - <h3 id=type-selectors><span class=secno>5.1. </span> Type selector</h3> |
| 1486 | + <h3 id=type-selectors><span class=secno>5.1. </span> Type (tag name) |
| 1487 | + selector</h3> |
1487 | 1488 |
|
1488 | 1489 | <p>A <dfn id=type-selector>type selector</dfn> is the name of a document |
1489 | 1490 | language element type written using the syntax of <a |
@@ -2235,6 +2236,9 @@ <h3 id=target-pseudo><span class=secno>7.4. </span> The target pseudo-class |
2235 | 2236 | <h3 id=scope-pseudo><span class=secno>7.5. </span> The contextual reference |
2236 | 2237 | element pseudo-class ‘<code class=css>:scope</code>’</h3> |
2237 | 2238 |
|
| 2239 | + <p class=issue>Should this be renamed to <code>:context</code>, since it's |
| 2240 | + referencing a <em>context</em>ual reference element? |
| 2241 | + |
2238 | 2242 | <p>The <code>:scope</code> pseudo-class represents any element that is in |
2239 | 2243 | the <a href="#contextual-reference-element-set"><i>contextual reference |
2240 | 2244 | element set</i></a>. If no contextual reference element set is given, |
@@ -2301,6 +2305,31 @@ <h3 id=hover-pseudo><span class=secno>8.1. </span> The pointer hover |
2301 | 2305 | not underneath the pointing device. |
2302 | 2306 |
|
2303 | 2307 | <p>The <code>:hover</code> pseudo-class can apply to any pseudo-element. |
| 2308 | + <!-- |
| 2309 | +<h3 id="hover-pseudo"> |
| 2310 | +The pointer hover pseudo-class '':drop-zone''</h3> |
| 2311 | +
|
| 2312 | + <p>The <code>:drop-zone</code> pseudo-class applies while the user |
| 2313 | + is ”dragging“ or otherwise conceptually carrying an item |
| 2314 | + for which the element is a valid drop target. |
| 2315 | + User agents not that do not support <a |
| 2316 | + href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive |
| 2317 | + media</a> do not have to support this pseudo-class. Some conforming |
| 2318 | + user agents that support <a |
| 2319 | + href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive |
| 2320 | + media</a> may not be able to support this pseudo-class (e.g., a |
| 2321 | + keyboard-only device that has no concept of dragging). |
| 2322 | +
|
| 2323 | + <div class="example"> |
| 2324 | + <p>This pseudo-class could be used, for example, to highlight all the |
| 2325 | + valid drop targets for the item being dragged. |
| 2326 | + <pre>:drop-zone { box-shadow: 0 0 5px yellow; }</pre> |
| 2327 | + <p>It can also be combined with <code>:drag-over</code> to designate the |
| 2328 | + drop-zone that will receive the dragged item when dropped. |
| 2329 | + <pre>:drop-zone:drag-over { outline: solid red; }</pre> |
| 2330 | + </div> |
| 2331 | +--> |
| 2332 | + |
2304 | 2333 |
|
2305 | 2334 | <h3 id=active-pseudo><span class=secno>8.2. </span> The activation |
2306 | 2335 | pseudo-class ‘<code class=css>:active</code>’</h3> |
|
0 commit comments