title: Pure CSS replacing of periods in OL>LI elements
body: <p>As far as I know, no matter what <code>list-style-type</code> property you set, the numbers or letters delimiting the list will be followed by a period (<code>.</code>). <strong>Is there any way to change this to, say, a right parenthesis (<code>)</code>), or even remove it altogether?</strong></p>
  
  <h2>Concept</h2>
  
  <hr>
  
  <p>Here is improper CSS showing what I want to do:</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;STYLE&gt;
  OL{
    list-style-type:decimal;
    list-style-punctuation: ')';
  }
  OL.onlyNumbers{
    list-style-punctuation: none;
  }
  &lt;/STYLE&gt;
  &lt;/HEAD&gt;
  &lt;BODY&gt;
  &lt;OL&gt;
    &lt;LI&gt;Won&lt;/LI&gt;
    &lt;LI&gt;Too&lt;/LI&gt;
    &lt;LI&gt;Tree&lt;/LI&gt;
    &lt;LI&gt;Fore&lt;/LI&gt;
    &lt;LI VALUE=100&gt;Won Hun Dread&lt;/LI&gt;
  &lt;/OL&gt;
  &lt;OL CLASS=onlyNumbers&gt;
    &lt;LI&gt;Won&lt;/LI&gt;
    &lt;LI&gt;Too&lt;/LI&gt;
    &lt;LI&gt;Tree&lt;/LI&gt;
    &lt;LI&gt;Fore&lt;/LI&gt;
    &lt;LI VALUE=100&gt;Won Hun Dread&lt;/LI&gt;
  &lt;/OL&gt;
  &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>
  
  <p>And here is what I want to see in the browser:</p>
  
  <pre><code>  1) Won
    2) Too
    3) Tree
    4) Fore
  100) Won Hun Dread
  
    1 Won
    2 Too
    3 Tree
    4 Fore
  100 Won Hun Dread
  </code></pre>
  
  <p>I don't want anything having to do with jQuery or JavaScript in general. I want this to be as close to proper HTML 5 and CSS 3 as possible.</p>