counter-scoping-001.html (784B)
1 <!doctype html> 2 <html lang=en> 3 <meta charset=utf-8> 4 <title>CSS-contain test: style containment and counter-increment</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 6 <meta name=flags content=""> 7 <meta name=assert content="counter-increment is scoped to the subtree and creates a new counter at the root of the subtree"> 8 <link rel="match" href="reference/counter-scoping-001-ref.html"> 9 <link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-style"> 10 11 <style> 12 div { 13 contain: style; 14 counter-increment: n; 15 } 16 div::before, div::after { 17 content: counters(n, '.') " "; 18 } 19 div::after { 20 counter-increment: n 2; 21 } 22 </style> 23 24 <p>Test passes if the text below is "1 1.2" (not including the quotation marks).<p> 25 <div></div>