gistfile1.css

/* css */
.list-family ol{
  list-style: none;
  counter-reset: cnt;
  padding-left: 0;
}
.list-family ol li{
  margin-bottom: 8px;
}
.list-family ol li::before{
  content: counters(cnt, ".") ". ";
  counter-increment: cnt;
}
.list-family ol ol{
  counter-reset: cnt;
  margin-left: 20px;
  margin-top: 8px;
  margin-bottom: 0;
}
<!-- html -->
<div class="list-family">
  <ol>
    <li>リスト</li>
    <li>リスト
      <ol>
        <li>子リスト</li>
        <li>子リスト</li>
      </ol>
    </li>
    <li>リスト</li>
    <li>リスト
      <ol>
        <li>子リスト</li>
        <li>子リスト
          <ol>
            <li>孫リスト</li>
            <li>孫リスト</li>
          </ol>
        </li>
      </ol>
    </li>
  </ol>
</div>