• 技术文章 >Web开发 >css教程

    css中counter()函数的介绍

    小妮浅浅小妮浅浅2021-09-25 16:38:33原创179

    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教程

    专题推荐:css counter
    品易云
    上一篇:css中counter-increment属性是什么 下一篇:css中couters函数是什么

    相关文章推荐

    • css img失真的解决办法• css超链接是什么• css选择器之间的关系• css中transform函数的使用• css中translate函数的用法• css中scale函数如何使用• css中rotate函数是什么• css中skew函数的使用• css中transition方法的介绍• css中animation是什么• css背景中有哪些方法• css有哪些字体文本样式• css中盒模型的注意点• css中counter-reset属性是什么• css中counter-increment属性是什么

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网