• 技术文章 >web前端 >html教程

    css content之counter-reset、content-increment - Canrz

    2016-05-21 08:35:13原创655
    万万没想到,写了快三年前端,有不会用的css,居然还有完全没听过、见过的css属性,而且还是CSS2的内容!

    关于counter-reset、content-increment两个属性的详解可以参看张鑫旭的博文:《CSS计数器(序列数字字符自动递增)详解》,这里做个记录,写个demo

    
    
    
    
    content-increment
    
    
    
    • 默认时的计数器:
      • 列表项
      • 列表项
      • 列表项
    • 修改计数器每次增加的值为2:
      • 列表项
      • 列表项
      • 列表项
    • 修改计数器每次增加的值为-1:
      • 列表项
      • 列表项
      • 列表项
    • 修改计数器以罗马字符显示:
      • 列表项
      • 列表项
      • 列表项
      计数器以嵌套计数显示:
    • 父级
    • 父级
      • 子级1
      • 子级2
      • 子级3
    • 父级
      • 子级1
      • 子级2
      • 子级3
    • 父级

    兼容情况还不错:

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css content之counter-reset、content-increment - Canrz
    上一篇:Less 常用基础知识 - 柠檬先生 下一篇:HTML无刷新提交表单 - jerrylsxu
    Web大前端开发直播班

    相关文章推荐

    • html5元素的分类有哪些• web前端笔试题库之HTML篇• Web 开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十七】_html/css_WEB-ITnose• HTML中meta标签作用及属性总结_html/css_WEB-ITnose• CSS一个效果处理不来 请大家帮下忙_html/css_WEB-ITnose

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网