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