counter-reset和counter-increment的用法及其详解

counter-increment

这个属性代表递增一个或多个计数器的值;其默认值为none;其属性值有 none  ,id number ,inherit三个属性值

 none:代表没有计数器递增。

id number:id 定义将增加计数的选择器、id 或 class。number 定义增量。number 可以是正数、零或者负数。

inherit: 继承父类的属性值。

counter-increment属性通常用于counter-reset属性和content属性

 counter-reset

counter-reset属性创建或重置一个或多个计数器。 其默认值为none(不能对选择器的计数器进行重置);其属性值有 none  ,id number ,inherit三个属性值。

id number:id 定义将重置计数的选择器、id 或 class。number 。可以设置选择器出现个数number 可以是正数、零或者负数。

inherit: 继承父类的属性值。

实例如下:


	
		
		计数器
		
	
	
		

123

321

321

ads

5516

132

其运行结果如下:

counter-reset和counter-increment的用法及其详解_第1张图片

上述就是这个属性的作用,主要用来排序而不用有序列表ul来进行排序;

你可能感兴趣的:(#,html,#,css,css,counter属性,计数器)