CSS counters()

原创
admin 4个月前 (08-23) 阅读数 13 #CSS

counters()

CSS 函数 counters() 是一个嵌套计数器,返回表示指定计数器当前值的连接字符串。counters() 函数有两种形式:counters(name, string) 或 counters(name, string, style)。它通常和伪元素搭配使用,但是理论上可以在支持 string 值的任何地方使用。生成的文本是具有给定名称的所有计数器的值,从最外层到最内层,之间由指定字符串分隔。计数器以指示的样式呈现,如果未指定样式,则默认为十进制。

css
/* Simple usage  - style defaults to decimal */
counters(countername, '-');

/* changing the counter display */
counters(countername, '.', upper-roman)

计数器本身没有可见的效果,而是通过 counters() 函数(和 counter() 函数)返回开发人员定义的内容从而使计数器拥有很棒的作用。

备注: counter() 函数可以与任何 CSS 属性一起使用,但是对 "content" 以外的属性的支持是试验性的,对 type-or-unit 参数的支持很少。

在使用此功能之前,请仔细检查浏览器兼容性表 。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS counter() 下一篇:CSS 淡入淡出()
作者文章
热门
最新文章
标签列表