Cómo crear una lista anidada con índices y subíndices

Esto lo puedes conseguir con contadores de CSS.

No exactamente como señalas en tu pregunta, porque los contadores son numéricos y no textuales como A), B), C), pero salvando esa carencia puedes conseguir tu objetivo de crear índices y subíndices para tus listas con este CSS.

(Coloco el CSS y un posible marcado HTML para aplicar sobre este CSS)

<style>
  ol.enumerada {
    counter-reset: elemento;
  }
  ol.enumerada li {
    list-style-type: none;
  }
  ol.enumerada li:before {
    content: counters(elemento, ".") " ";
    counter-increment: elemento
  }
</style>
<ol class="enumerada">
  <li>item 1
    <ol class="enumerada">
      <li>subitem 1</li>
      <li>subitem 2</li>
      <li>subitem 3</li>
    </ol>
  </li>
  <li>item 2
    <ol class="enumerada">
      <li>subitem 1</li>
      <li>subitem 2</li>
    </ol>
  </li>
  <li>item 3</li>
  <li>item 4</li>
</ol>

Espero que te sirva. Si no conoces los contadores de CSS te paso un enlace a un artículo donde los explica con todo detalle: Qué son los contadores CSS y cómo usarlos.