title: Reversed numbering of list combined with brackets
body: <p>I am trying to have a reverse numbered list in html/css that has square brackets around it. Like so:</p>
  
  <p>[3] Item<br>
  [2] Item<br>
  [1] Item<br></p>
  
  <p>The solution for the first is easy <code>&lt;ol reversed&gt;</code> and the solution to the second requirement I found on here (<a href="https://stackoverflow.com/questions/22530982/html-numbering-with-brackets">HTML numbering with brackets</a>).<br>
  However, if I combine these two it doesn't seem to give the intended result.</p>
  
  <p>CSS:</p>
  
  <pre><code>ol.bracket {
  counter-reset: list;
  }
  ol.bracket &gt; li {
  list-style: none;
  position: relative;
  }
  ol.bracket &gt; li:before {
  counter-increment: list;
  content: "[" counter(list) "]  ";
  position: absolute;
  left: -2em;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ol reversed class="bracket"&gt;
    &lt;li&gt;First item&lt;/li&gt;
    &lt;li&gt;Second item&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>How could I combine the two things?<br>Thanks for your help! :)</p>