adjacent-selectors-with-subselector.html

<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
.green + div.sibling + div {
  color: green;
}
</style>
<div>
  <div id="first"></div>
  <div class="sibling"></div>
  <div id="target">This text should be green.</div>
</div>
<script>
description("Test if direct adjacent selectors are counted correctly where combined with subselector.");

shouldBeEqualToString("getComputedStyle(target, null).color", "rgb(0, 0, 0)");
first.className = "green";
shouldBeEqualToString("getComputedStyle(target, null).color", "rgb(0, 128, 0)");
</script>

chromium/third_party/blink/web_tests/fast/selectors/adjacent-selectors-with-subselector.html