third_party/WebKit/LayoutTests/fast/css/first-letter-hover-002.html

   1 <!DOCTYPE html>
   2 <style>
   3     #t { width: 400px; height: 400px; }
   4     #t::first-letter { background-color: red; }
   5     #t:hover::first-letter { background-color: green; }
   6 </style>
   7 <div id="t">
   8     <div>
   9         <p>X</p>
  10         <p>The X above should have a green background when hovered.</p>
  11     </div>
  12 </div>
  13 <script>
  14 document.body.offsetTop; // Force layout. The mouse is not tracked before first layout.
  15
  16 if (window.eventSender)
  17     eventSender.mouseMoveTo(100, 100); // Hover.
  18
  19 document.body.offsetTop; // Update layout for the hovered state.
  20 </script>