Question

I have this:

<ol type="1">
   <li>
      List Item 1
      <ol>
         <li>
            Nested Item 1.1
         </li>
         <li>
            Nested Item 1.2
         </li>
      </ol>
   </li>
   <li>
      List Item 2
   </li>
</ol>

and I want it to be printed like this:

Answer 1

With your exact HTML, you want this:

ol[type="1"] {counter-reset:outer 0}
ol[type="1"] > li {counter-increment:outer}
ol[type="1"] ol {counter-reset:inner 0}
ol[type="1"] ol > li {list-style:none; counter-increment:inner}
ol[type="1"] ol > li::before {content:counter(outer) "." counter(inner)}

See jsFiddle for a working example.