html中设置一个计分器,css计数器（counter）是什么

html中设置一个计分器,css计数器（counter）是什么

本篇文章给大家带来的内容是介绍css计数器(counter)是什么，让大家简单的了解css计数器的相关属性。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

css计数器是什么？

计数器是css3提供的一个强大的工具，是一种可以让我们使用CSS给元素自动编号的方法。使用它可以很方便对页面中的任意元素进行计数，实现类似于有序列表的功能。但与有序列表相比，css计数器可以对任意元素计数，同时还可以实现个性化计数。【相关视频教程推荐：CSS3教程】

css计数器的相关属性

1、counter-reset

counter-reset属性用于定义和初始化一个或多个CSS计数器。它可以使用一个或多个标识符作为值，该值指定计数器的名称。

使用语法：counter-reset: [ ? ]+ | none | inherit

每个计数器名称后面都可以跟一个可选的值，该值指定计数器的初始值。

注意：

1)、关键字none，inherit和initial不能作为计数器名称；关键字none，inherit可以作为计counter-reset属性的值。

设置none将取消设置计数器；设置inherit将从元素的父元素处继承counter-reset值。该counter-reset属性的默认值为none。

2)、计数器的初始值不是计数器显示时的第一个数字/值。<