您现在的位置是:首页 > Javascript
当前栏目
css中counter()函数的介绍
2023-03-15 23:16:41 时间
1、counter()函数必须和content属性一起使用,用来显示CSS计数器。
2、它以CSS计数器名称作为参数,并作为值传递给content属性,而content属性就会使用:before伪元素将计数器显示为生成的内容。
实例
.container{ counter-reset: abc; } .item::before{ counter-increment: abc; content: counter(abc); } <div> <div>巧克力</div> <div>饼干</div> <div>酸奶</div> </div>
以上就是css中counter()函数的介绍,希望对大家有所帮助。更多css学习指路:css教程
相关文章
- 前端 js 将字符串类型转换成其他类型
- 前端 window 和 window.location
- 用 ipv6 和端口号发起 http 请求
- js 把字符串转成json对象的三种方法
- JS逆向 -- 开发者工具介绍
- JS逆向 -- 动态调试
- JS逆向 -- HOOK关键数据
- 前端 --- CSS基础(一)
- 前端 --- CSS基础(二)
- 前端 --- HTML的基础标签
- JS逆向 -- 本地调试
- 微信小程序开发实战(Npm包)
- 微信小程序开发实战(常用的内置组件)
- 前端 --- Node.js的安装及测试
- 火山中文编程 -- 挂接事件
- html 设置元素向左浮动
- 前端 video 元素总是浮在最上方,增加一个 z-index 属性
- 图解 Google V8 # 09:运行时环境:运行JavaScript代码的基石
- 微信小程序开发入门与实战(Behaviors使用)
- 微信小程序开发入门与实战(三种通信方法)