third_party/WebKit/LayoutTests/fast/css/nth-child-dynamic-002.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4     #outer { width: 100px; height: 100px }
   5     span { color: white }
   6     span:nth-child(2) { color: green }
   7 </style>
   8 <p>You should see a green square below, and no FAIL.</p>
   9 <div id="outer">
  10     <span id="inner">FAIL</span>
  11 </div>
  12 <script>
  13     description("An existing LocalStyleChange on parent should not inhibit forward/backward rule update on children.");
  14
  15     shouldBeEqualToString("getComputedStyle(inner).color", "rgb(255, 255, 255)");
  16
  17     outer.style.backgroundColor = "green";
  18     outer.insertBefore(document.createElement("span"), inner);
  19
  20     shouldBeEqualToString("getComputedStyle(inner).color", "rgb(0, 128, 0)");
  21 </script>