|  | <!doctype html> | 
|  | <title></title> | 
|  | <link rel="help" href="https://drafts.csswg.org/css-lists/#instantiating-counters"> | 
|  | <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6738"> | 
|  | <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1706346"> | 
|  | <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> | 
|  | <link rel="match" href="li-value-reversed-006-ref.html"> | 
|  | <meta name="assert" content="The last counter-increment value determines the start value."> | 
|  | <style> | 
|  | :root { | 
|  | color:black; background-color:white; font:10px/1 monospace; | 
|  | } | 
|  | ol { | 
|  | counter-reset: reversed(foo); | 
|  | } | 
|  | ::marker { | 
|  | content: counter(foo) ". "; | 
|  | } | 
|  | ol::before, li::before { | 
|  | content: counters(foo,"."); | 
|  | } | 
|  | li { | 
|  | counter-increment: foo -1; | 
|  | } | 
|  | </style> | 
|  | <ol> | 
|  | <li style="counter-increment: foo -2"> | 
|  | <li style="counter-increment: foo -2"> | 
|  | <li style="counter-increment: foo -2"> | 
|  | </ol> | 
|  | <ol> | 
|  | <li style="counter-increment: foo -3"> | 
|  | <li style="counter-increment: foo -1"> | 
|  | <li style="counter-increment: foo -8"> | 
|  | </ol> | 
|  | <ol> | 
|  | <li style="counter-increment: foo 2"> | 
|  | <li style="counter-increment: foo 2"> | 
|  | <li style="counter-increment: foo 2"> | 
|  | </ol> | 
|  | <ol> | 
|  | <li style="counter-increment: foo 3"> | 
|  | <li style="counter-increment: foo 1"> | 
|  | <li style="counter-increment: foo 8"> | 
|  | </ol> |