last-child-descendant.html | Explore in Territory

<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
#b { color: green; }
#a:last-child #b { color: red }
</style>
<div id="t">
    <div id="a">
        <div id="b">This text should be green</div>
    </div>
</div>
<script>
description("Evaluation of :last-child affecting descendant.");

t.offsetTop;
a.style.backgroundColor = "white";
t.offsetTop;
t.insertBefore(document.createElement("div"), null);

var green = "rgb(0, 128, 0)";

shouldBe("getComputedStyle(b).color", "green");
</script>

chromium/third_party/blink/web_tests/fast/dynamic/last-child-descendant.html