欢迎大家在这里学习csscounter在列表中自动添加序号这里是我们给大家整理出来的精彩内容。我相信，这些问题也肯定是很多朋友在关心的，所以我就给大家谈谈这个!

另外一个在CSS 2.1在就已经支持的功能是counter()，使用它，你能方便的在页面标题，区块和其它各种连续出现的页面内容上添加序号。有了它，你就不必限制于只能使用

来实现这个效果，你可以更灵活的在页面上使用自定义数字序列。

关键就是它真的很简单：在:before伪类里的content属性加入counter()：

代码如下:

body {

counter-reset: heading;

}

h4:before {

counter-increment: heading;

content: "Heading #" counter(heading) ".";

}

如果你想知道更多关于这个counter归零和自增方法的知识，请参考关于这个主题的Mozilla Developer Network页面。里面有个极好的如何使用嵌套counter的例子。

好了csscounter在列表中自动添加序号内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐：

divcss显示HTML属性值的方法