关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

css中counter()函数的介绍(css中counter()函数的介绍)

发布时间:2022-07-01 22:25:24

  1、counter()函数必须和content属性一起使用,用来显示CSS计数器。

2、它以CSS计数器名称作为参数,并作为值传递给content属性,而content属性就会使用:before伪元素将计数器显示为生成的内容。

实例

[code].container{
    counter-reset: abc;
}
.item::before{
    counter-increment: abc;
    content: counter(abc);
}
‹div>
    ‹div>巧克力‹/div>
    ‹div>饼干‹/div>
    ‹div>酸奶‹/div>
‹/div>[/code]

以上就是css中counter()函数的介绍,希望对大家有所帮助。




相关推荐

【2022年的云计算虚拟化市场现状和发展(云计算未来市场) >>点击查看详情<<

【习近平向“全球发展:共同使命与行动价值”智库媒体高端论坛致贺信 >>点击查看详情<<

/template/Home/Redyun/PC/Static