Come creare Liste con voci Annidate E Numerate come su Wikipedia

[Vincent.Zeno]

l'esempio chiaro e funzionante sta qui
http://jsfiddle.net/qGCUk/4/

che il css sia esterno o meno non fa differenza

[Handerson]

l'esempio chiaro e funzionante sta qui
http://jsfiddle.net/qGCUk/4/

che il css sia esterno o meno non fa differenza

Ottimo però non riesco a capire se per quelle 3 righe di css devo creare un unica classe, come nel seguente esempio o se è preferibile crearne 3 diverse:

.contenuti-lista ol {
counter-reset: item
}
.contenuti-lista li {
display: block
}
.contenuti-lista li:before {
content: counters(item,".")" ";
counter-increment: item
}

e inoltre non mi è chiaro in quali punti del codice richiamare tale classe, se in tutti i tag ol e li o se solo in alcuni:
esempio in cui lo richiamo solo in ol

<ol class="contenuti-lista">
  <li>one</li>
  <li>two
  <ol>
   <li>two.one</li>
   <li>two.two</li>
   <li>two.three</li>
  </ol>
     </li>
  <li>three 
  <ol>
   <li>three.one</li>
   <li>three.two</li>
    <ol>
     <li>three.two.one</li>
     <li>three.two.two</li>
    </ol>
   </ol>
     </li> 
  <li>four</li>
  </ol>

Grazie per il supporto!