inner-first-line-non-matching.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-contain/container-queries/inner-first-line-non-matching.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>CSS Container Queries Test: Non-matching ::first-line in @container</title>

<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">

<link rel="match" href="inner-first-line-non-matching-ref.html">

<style>

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

  @container (width > 99999px) {

    #inner::first-line { color: red }

</style>

<div id="outer">

  <div id="inner">This text should be green.</div>

</div>