servo/tests/wpt/web-platform-tests/css/css-contain/contain-style-counters.html

22 lines
775 B
HTML

<!DOCTYPE html>
<title>CSS Containment Test: contain:style for counters</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-style">
<link rel="match" href="contain-style-counters-ref.html">
<style>
#t1 { contain: style }
#t1 span::after { content: counter(t1) }
.t1-reset { counter-reset: t1 5 }
#t1 span { counter-increment: t1 1 }
#t2 {
contain: style;
display: contents;
}
#t2 span::after { content: counter(t2) }
.t2-reset { counter-reset: t2 7; }
#t2 span { counter-increment: t2 4; }
</style>
<div class="t1-reset"></div>
<div id="t1"><span>You should see the number 1 here: </span></div>
<div class="t2-reset"></div>
<div id="t2"><span>You should see the number 4 here: </span></div>