如何删除点“.” 来自 CSS 列表样式：十进制

Question

有什么方法可以删除列表样式中十进制数字后的点吗？

我的 CSS

.snum li {list-style:decimal outside none;}

我得到的结果是这样的（不包括 PHP 和 HTML 代码）

1. MILK
2. SOYA
3. BEANS
4. GARLIC

Desired Outpiut 应该是这样的。

1 MILK
2 SOYA
3 BEANS
4 GARLIC

Answer 1

您可以通过<li>在有序列表中的每个之前实现自定义计数器作为伪元素来实现此目的：

HTML：

<ol>
    <li>STUFF</li>
    <li>Stuff</li>
    <li>Stuff</li>
</ol>

CSS：

ol
{
    list-style: none;
    margin-left: 0;
}

li
{
    counter-increment: custom;
}

ol li:before
{
    content: counter(custom) " ";   
}

ol li:first-child {
    counter-reset: custom;
}

JSFiddle