<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>:hover with ::selection</title>
  <style type="text/css"><![CDATA[
  p { border: solid thick gray; }
  p:hover { border: solid thick green; }
  p::selection { background: silver; color: black; }
  p:hover::selection { background: lime; color: black; }
]]></style>
  <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/>
  <link rel="prev" href="css3-modsel-164.xml" title=":focus with ::selection"/>
  <link rel="next" href="css3-modsel-166.xml" title=":first-letter with ::first-letter"/>
  <link rel="last" href="css3-modsel-d5e.xml" title="NEGATED :indeterminate with :checked"/>
  <link rel="up" href="./index.html"/>
  <link rel="top" href="../../index.html"/>
 </head>
 <body>
   <p>Select some of this
   paragraph, then move your pointing device around. While it is above
   the paragraph, the selection should be green. While the pointing
   device is elsewhere, the selection should be silver. The
   paragraph&#39;s border should at all times be a darker colour than the
   selection&#39;s background. Repeat the test with everything
   selected.</p>
</body>
</html>