<ol>
  <li>
    List Item 1
    <ol>
      <li>Sublist Item 1</li>
      <li>Sublist Item 2</li>
    </ol>
  </li>
  <li>
    List Item 2
    <ol>
      <li>Sublist Item 1</li>
      <li>Sublist Item 2</li>
    </ol>
  </li>
    <li>
    List Item 3
    <ol>
      <li>Sublist Item 1</li>
      <li>Sublist Item 2</li>
    </ol>
  </li>
</ol>

body {
  background: #fedebe;
}

ol {
  counter-reset: my-awesome-counter;
  list-style: none;
}

li {
  counter-increment: my-awesome-counter;
}

li:before {
  content: counters(my-awesome-counter, '.') ' - ';
  color: red;
}