third_party/WebKit/LayoutTests/fast/css/dynamic-sibling-selector.html

   1 <html>
   2 <head>
   3 <style>
   4 .unchanged + #test
   5 {
   6   background-color:red
   7 }
   8
   9 .changed + #test
  10 {
  11   background-color:green;
  12 }
  13
  14 #test {
  15   width:100px;
  16   height:100px;
  17 }
  18 </style>
  19 </head>
  20 <body>
  21 There should be a 100x100 green block below.
  22
  23 <div class="unchanged" id="beforetest"></div>
  24
  25 <div id="test"></div>
  26 <script>
  27 document.body.offsetWidth;
  28 document.getElementById('beforetest').className = 'changed';
  29 document.body.offsetWidth;
  30 </script>
  31 </body>
  32 </html>
  33