third_party/WebKit/LayoutTests/fast/dynamic/first-child-descendant.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 #b { color: green; }
   5 #a:first-child #b { color: red }
   6 </style>
   7 <div id="t">
   8     <div id="a">
   9         <div id="b">This text should be green</div>
  10     </div>
  11 </div>
  12 <script>
  13 description("Evaluation of :first-child affecting descendant.");
  14
  15 t.offsetTop;
  16 a.style.backgroundColor = "white";
  17 t.offsetTop;
  18 t.insertBefore(document.createElement("div"), a);
  19
  20 var green = "rgb(0, 128, 0)";
  21
  22 shouldBe("getComputedStyle(b).color", "green");
  23 </script>