counters-002.html (1394B)
1 <!doctype html> 2 <title>CSS Lists and Counters: counters(c, ".", lower-roman)</title> 3 <link rel="help" href="https://drafts.csswg.org/css-lists/#inheriting-counters"> 4 <link rel="match" href="counters-002-ref.html"> 5 <meta name="assert" content="counters are not inherited from the previous sibling, when can be inherited from the ancestor"> 6 <style type="text/css"> 7 body, #test span:first-child { counter-reset: c; } 8 p, #test span { counter-increment: c; } 9 #test span::before { content: counters(c, ".", lower-roman); } 10 </style> 11 <p>The following two lines should look the same:</p> 12 <div id="test"> 13 <span></span> 14 <span></span> 15 <span></span> 16 <span></span> 17 <span></span> 18 <span></span> 19 <span></span> 20 <span></span> 21 <span></span> 22 <span></span> 23 <span></span> 24 <span></span> 25 <span style="counter-reset: c 48"></span> 26 <span></span> 27 <span style="counter-reset: c 388"></span> 28 <span></span> 29 <span style="counter-reset: c 3488"></span> 30 <span></span> 31 <span></span></div> 32 <div> 33 <span>i.i</span> 34 <span>ii</span> 35 <span>iii</span> 36 <span>iv</span> 37 <span>v</span> 38 <span>vi</span> 39 <span>vii</span> 40 <span>viii</span> 41 <span>ix</span> 42 <span>x</span> 43 <span>xi</span> 44 <span>xii</span> 45 <span>xii.xlix</span> 46 <span>xiii</span> 47 <span>xiii.ccclxxxix</span> 48 <span>xiv</span> 49 <span>xiv.mmmcdlxxxix</span> 50 <span>xv</span> 51 <span>xvi</span> 52 </div>