css中counter-increment属性有什么用

这篇文章主要为大家展示了“css中counter-increment属性有什么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css中counter-increment属性有什么用”这篇文章吧。

1、counter-increment属性指定一个或多个CSS计数器的增量值。它将一个或多个标识符作为值,指定要递增的计数器的名称。

2、counter-increment属性必须和counter-reset属性配合使用。

语法

counter-increment:[<标识符><整数>?]+|none|inherit

实例

article{/*定义和初始化计数器*/
  counter-reset:section;/*'section'是计数器的名称*/
}
article h3{/*每出现一次h3,计数器就增加1*/
  counter-increment:section;/*相当于计数器增量:第1节;*/
}

以上是“css中counter-increment属性有什么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!