first-line-nested-gcs.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-pseudo/first-line-nested-gcs.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>CSS Pseudo Test: Query ::first-line computed style before outer block ::first-line matches</title>

<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-line-pseudo">

<link rel="match" href="first-line-green-ref.html">

<style>

  #outer::first-line { color: green }

</style>

<div id="outer">

  <div id="inner"></div>

</div>

<script>

  getComputedStyle(inner, "::first-line").color;

  inner.appendChild(document.createTextNode("This text should be green."));

</script>