third_party/WebKit/LayoutTests/css2.1/t051103-dom-hover-01-c-io.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3   <head>
   4     <title>CSS 2.1 Test Suite: Effect of DOM mutations on :hover matching</title>
   5     <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes">
   6     <script type="text/javascript">
   7       function remove() {
   8         var node = document.getElementById("target");
   9         node.parentNode.removeChild(node);
  10       }
  11     </script>
  12     <style>
  13       div#green { color: red; }
  14       div:hover { color: green !important; }
  15     </style>
  16   </head>
  17   <body>
  18     <div onmouseover="setTimeout(remove, 1000)" id="target">Hover this text,
  19        then wait till it disappears.  At that point there should be no red.
  20     </div>
  21     <div id="green">
  22       This should end up green.
  23     </div>
  24   </body>
  25 </html>