如何设置CSS中的OL数字点[复制]-HowtostyleOLnumberpointsinCSS[duplicate]

2  

Yes, this is possible with a combination of the :before pseudo element and CSS counter-increment.

是的,这可以通过:before伪元素和CSS counter-increment的组合实现。

The HTML:

    
Lorem
    
Lorem

And the CSS:

而CSS:

ol {
    counter-reset: li;
}

li {
    position: relative;
    list-style-type: none;
}

/* Style the before element how you want, the important bits here are the content element and counter-increment */
li:before {
    width: 1.75em;
    height: 1.75em;
    position: absolute; left: 0;        
    margin-right: 12px;       
    content: counter(li);
    counter-increment: li;
}