La lista ordenada HTML 1.1, 1.2 (contadores anidados y alcance) no funciona

Solución:

Desmarque “normalizar CSS” – http://jsfiddle.net/qGCUk/3/ El restablecimiento de CSS utilizado en ese valor predeterminado todos los márgenes de la lista y los rellenos a 0

ACTUALIZAR http://jsfiddle.net/qGCUk/4/ – debe incluir sus sublistas en su <li>

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

<ol>
  <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
        <ol>
          <li>three.two.one</li>
          <li>three.two.two</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>four</li>
</ol>

Utilice este estilo para cambiar solo las listas anidadas:

ol {
    counter-reset: item;
}

ol > li {
    counter-increment: item;
}

ol ol > li {
    display: block;
}

ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}

Mira esto :

http://jsfiddle.net/PTbGc/

Parece que su problema se ha solucionado.

---

Lo que aparece para mí (en Chrome y Mac OS X)

1. one
2. two
  2.1. two.one
  2.2. two.two
  2.3. two.three
3. three
  3.1 three.one
  3.2 three.two
    3.2.1 three.two.one
    3.2.2 three.two.two
4. four

---

Como lo hice

---

En lugar de :

<li>Item 1</li>
<li>Item 2</li>
   <ol>
        <li>Subitem 1</li>
        <li>Subitem 2</li>
   </ol>

Hacer :

<li>Item 1</li>
<li>Item 2
   <ol>
        <li>Subitem 1</li>
        <li>Subitem 2</li>
   </ol>
</li>

---

---

Utiliza Nuestro Buscador