当前位置：Gxlcms > html代码 > csscontent之counter-reset、content-increment-Canrz

csscontent之counter-reset、content-increment-Canrz

时间：2021-07-01 10:21:17 帮助过：28人阅读

万万没想到，写了快三年前端，有不会用的css，居然还有完全没听过、见过的css属性，而且还是CSS2的内容！

关于counter-reset、content-increment两个属性的详解可以参看张鑫旭的博文：《CSS计数器(序列数字字符自动递增)详解》，这里做个记录，写个demo





content-increment




	
		默认时的计数器：
		
			列表项
			列表项
			列表项
		
	
	
		修改计数器每次增加的值为2：
		
			列表项
			列表项
			列表项
		
	
	
		修改计数器每次增加的值为-1：
		
			列表项
			列表项
			列表项
		
	
	
		修改计数器以罗马字符显示：
		
			列表项
			列表项
			列表项
		
	



	计数器以嵌套计数显示:
	父级
	父级
		
			子级1
			子级2
			子级3
		
	
	父级
		
			子级1
			子级2
			子级3
		
	
	父级

兼容情况还不错：

csscontent之counter-reset、content-increment-Canrz

人气教程排行