third_party/WebKit/LayoutTests/fast/selectors/style-sharing-last-child.html

   1 <html>
   2 <head>
   3 <script>
   4 if (window.testRunner)
   5     testRunner.dumpAsText();
   6
   7 function test() {
   8     var passed = document.getElementsByTagName('li')[2].offsetWidth > document.getElementsByTagName('li')[0].offsetWidth;
   9     document.getElementsByTagName('div')[0].innerText = passed ? "PASS" : "FAIL";
  10 }
  11 </script>
  12 <style type="text/css">
  13     ul, li {display: inline;}
  14     ul {margin: 0;}
  15     li { float: left; }
  16     li:last-child:after {content: "4";}
  17 </style>
  18 </head>
  19 <body onload="test()">
  20     You should see 1234 below (4 won't be visible in the DRT text dump, but it should still say PASS below)<br>
  21     <ul>
  22         <li>1</li>
  23         <li>2</li>
  24         <li>3</li>
  25     </ul>
  26     <br>
  27     <div></div>
  28 </body>
  29 </html>