css中的counter、counter-increment、counter-reset

counter-reset:h1;      dom中遇到这个就回重置计数器"h1"

counter-increment:h1;    dom中遇到这个就回在计数器"h1"上加1

content: counter(h1) "、";    before或after伪元素中使用content显示出计数器的值

示例代码:




    
    
    
    counter
    


    

标题1

标题1-1

标题1-2

标题2

标题2-1

标题2-2

效果:

css中的counter、counter-increment、counter-reset_第1张图片

你可能感兴趣的:(大前端,counter)