如何删除点'。' 来自CSS list-style：decimal [duplicate]

Question

This question already has an answer here:

• HTML + CSS: Ordered List without the Period? 5 answers

Is there any way to remove the DOT after the decimal numbers in List style?

My CSS

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

The result i was getting like this (not including PHP and HTML code)

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

Desired Outpiut should be like this.

1 MILK
2 SOYA
3 BEANS
4 GARLIC

</div>

Answer 1

You can do this by implementing a custom counter as a pseudo-element before each <li> on your ordered list:

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