如何打印标志“ - ”而不是“。”用<ol>？

Question

我使用HTML代码：

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

如何使用OL HTML标记打印“ - ”而不是点 例如：

1 - first item
2 - second item
3 - third item

如何以HTML格式实现它。

Answer 1

ol {
    counter-reset: item;
    list-style-type: none;
}

li:before {
    content: counter(item) " - "; 
    counter-increment: item 
}

<ol>
  <li>one</li>
  <li>two</li>
</ol>

这适用于IE8 +和其他浏览器