counters-006.html (849B)
1 <!doctype html> 2 <title>CSS Lists: counters instantiating</title> 3 <link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org"> 4 <link rel="help" href="https://www.w3.org/TR/css-lists-3/#instantiating-counters"> 5 <link rel="match" href="counters-006-ref.html"> 6 <style type="text/css"> 7 * { 8 padding: 0; 9 margin: 0; 10 } 11 12 .test { 13 counter-increment: section; 14 counter-reset: multilevel; 15 } 16 17 ol[multilevel] > li::before { 18 content: counter(section) "." counters(multilevel, ".") "."; 19 counter-increment: multilevel; 20 } 21 22 ol[multilevel] { 23 list-style: none !important; 24 clear: both; 25 } 26 </style> 27 <div class="test"></div> 28 <ol multilevel="multilevel"> 29 <li>1.1</li> 30 <li>1.2</li> 31 <li>1.3</li> 32 </ol> 33 <div class="test"></div> 34 <ol multilevel="multilevel"> 35 <li>2.1</li> 36 <li>2.2</li> 37 <li>2.3</li> 38 </ol>