Стиль приращения упорядоченного списка не работает - PullRequest
Новая
       9

Стиль приращения упорядоченного списка не работает

0 голосов
/ 04 сентября 2018

Я пытался создать упорядоченные списки с круговым фоном . Что на самом деле я добился, но прирост не работает. Я вижу число 1 для всех списков ol . Примечание: у меня есть ol фрагменты в разных разделах до 5 и только 1 li тег для каждого: 

<ol start="1">

     <li>
      <strong>Define your goal</strong>
    </li>
 </ol>
  // some more HTML context

и, наконец, последний 

 <ol start="5">
   <li><strong>Compare</strong></li>
 </ol>

И мой css: 

ol {
    list-style: none;
    counter-reset: li;
}

ol li {
    counter-increment: li;
}

ol li:before {
    margin-right: 10px;
    margin-left: -10px;
    content: counter(li);
    background: $pink;
    border-radius: 100%;
    color: white;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
...