<!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>
