CSS content counter 属性值 案例展示

<style>
p.demo-content { 
  counter-increment: myIndex;
}

p.demo-content:before { 
  content:counter(myIndex);
}
</style>

<p class="demo-content">这是第一个段落，前面会加个数字 1。</p>
<p class="demo-content">这是第一个段落，前面会加个数字 2。</p>
<p class="demo-content">这是第一个段落，前面会加个数字 3。</p>

效果

这是第一个段落，前面会加个数字 1。

这是第一个段落，前面会加个数字 2。

这是第一个段落，前面会加个数字 3。