26 lines
784 B
HTML
26 lines
784 B
HTML
<!doctype html>
|
|
<html lang=en>
|
|
<meta charset=utf-8>
|
|
<title>CSS-contain test: style containment and counter-increment</title>
|
|
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
|
<meta name=flags content="">
|
|
<meta name=assert content="counter-increment is scoped to the subtree and creates a new counter at the root of the subtree">
|
|
<link rel="match" href="reference/counter-scoping-001-ref.html">
|
|
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-style">
|
|
|
|
<style>
|
|
div {
|
|
contain: style;
|
|
counter-increment: n;
|
|
}
|
|
div::before, div::after {
|
|
content: counters(n, '.') " ";
|
|
}
|
|
div::after {
|
|
counter-increment: n 2;
|
|
}
|
|
</style>
|
|
|
|
<p>Test passes if the text below is "1 1.2" (not including the quotation marks).<p>
|
|
<div></div>
|
|
|