Skip to content

Commit 3b00bee

Browse files
committed
Check in some notes on :drop-zone.
1 parent 1b158ad commit 3b00bee

1 file changed

Lines changed: 28 additions & 1 deletion

File tree

selectors4/Overview.src.html

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -845,7 +845,6 @@ <h3 id=type-selectors>
845845
<pre>h1</pre>
846846
</div>
847847

848-
849848
<h4 id=typenmsp>
850849
Type selectors and namespaces</h4>
851850

@@ -1522,6 +1521,9 @@ <h3 id=target-pseudo>
15221521
<h3 id=scope-pseudo>
15231522
The contextual reference element pseudo-class '':scope''</h3>
15241523

1524+
<p class="issue">Should this be renamed to <code>:context</code>, since
1525+
it's referencing a <em>context</em>ual reference element?</p>
1526+
15251527
<p>The <code>:scope</code> pseudo-class represents any element that is in
15261528
the <i>contextual reference element set</i>. If no contextual reference
15271529
element set is given, <code>:scope</code> is equivalent to <code>:root</code>.
@@ -1581,6 +1583,31 @@ <h3 id="hover-pseudo">
15811583

15821584
<p>The <code>:hover</code> pseudo-class can apply to any pseudo-element.
15831585

1586+
<!--
1587+
<h3 id="hover-pseudo">
1588+
The pointer hover pseudo-class '':drop-zone''</h3>
1589+
1590+
<p>The <code>:drop-zone</code> pseudo-class applies while the user
1591+
is &rdquo;dragging&ldquo; or otherwise conceptually carrying an item
1592+
for which the element is a valid drop target.
1593+
User agents not that do not support <a
1594+
href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive
1595+
media</a> do not have to support this pseudo-class. Some conforming
1596+
user agents that support <a
1597+
href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive
1598+
media</a> may not be able to support this pseudo-class (e.g., a
1599+
keyboard-only device that has no concept of dragging).
1600+
1601+
<div class="example">
1602+
<p>This pseudo-class could be used, for example, to highlight all the
1603+
valid drop targets for the item being dragged.
1604+
<pre>:drop-zone { box-shadow: 0 0 5px yellow; }</pre>
1605+
<p>It can also be combined with <code>:drag-over</code> to designate the
1606+
drop-zone that will receive the dragged item when dropped.
1607+
<pre>:drop-zone:drag-over { outline: solid red; }</pre>
1608+
</div>
1609+
-->
1610+
15841611
<h3 id="active-pseudo">
15851612
The activation pseudo-class '':active''</h3>
15861613

0 commit comments

Comments
 (0)