css :before的用法
程序员文章站
2022-06-10 18:13:49
...
<style>
ol>li {
list-style-type:none;
counter-increment:item;
}
ol>li:before {
width:1.5em;
font-weight:bold;
content:counter(item) ".";
}
</style>
<html>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
</html>
run result:
1.a
2.b
3.c
note: :before 是指设置 'content'的内容样式。
counter 是动态设置li的序列样式，item-->:before item.