List/sublist with numeration

by Elena Lembersky

HTML

<ol class="main">
  <li>elena</li>
  <li>nicole</li>
  <li>keren
  <ol>
    <li>elena</li>
    <li>nicole</li>
    <li>keren</li>
     </ol>
   </li>
  <li>keren
  <ol>
    <li>elena</li>
    <li>nicole</li>
    <li>keren</li>
     </ol>
   </li>  
 
</ol>

CSS

ol.main{
      counter-reset: list;
      padding-left: 20px;
      list-style: none;
}
.main>li{
  font-weight: bold;
}
ol.main>li:before{
  counter-increment: list;
    content: counter(list) ". ";
}

ol.main ol{
    list-style: none;
    padding-left: 5px;
    counter-reset: sublist;
}
ol.main ol li{
  font-weight: normal;
  
}
ol.main ol li:before{
    counter-increment: sublist;
    content: counter(list) ". " counter(sublist) ". ";
    font-weight: bold;
}