csscontent之counter-reset、content-increment_html/css
来源：动视网
责编：小采
时间：2020-11-27 16:24:01
csscontent之counter-reset、content-increment_html/css
csscontent之counter-reset、content-increment_html/css_WEB-ITnose:万万没想到，写了快三年前端，有不会用的css，居然还有完全没听过、见过的css属性，而且还是CSS2的内容！ 关于counter-reset、content-increment两个属性的详解可以参看张鑫旭的博文：《CSS计数器(序列数字字符自动递增)详解》，这里做个记录，写个demo
导读csscontent之counter-reset、content-increment_html/css_WEB-ITnose:万万没想到，写了快三年前端，有不会用的css，居然还有完全没听过、见过的css属性，而且还是CSS2的内容！ 关于counter-reset、content-increment两个属性的详解可以参看张鑫旭的博文：《CSS计数器(序列数字字符自动递增)详解》，这里做个记录，写个demo
万万没想到，写了快三年前端，有不会用的css，居然还有完全没听过、见过的css属性，而且还是CSS2的内容！
关于counter-reset、content-increment两个属性的详解可以参看张鑫旭的博文：《CSS计数器(序列数字字符自动递增)详解》，这里做个记录，写个demo
content-increment
默认时的计数器： 列表项 列表项 列表项 修改计数器每次增加的值为2： 列表项 列表项 列表项 修改计数器每次增加的值为-1： 列表项 列表项 列表项 修改计数器以罗马字符显示： 列表项 列表项 列表项 计数器以嵌套计数显示:
父级 父级 子级1 子级2 子级3 父级 子级1 子级2 子级3 父级兼容情况还不错：
csscontent之counter-reset、content-increment_html/css
csscontent之counter-reset、content-increment_html/css_WEB-ITnose:万万没想到，写了快三年前端，有不会用的css，居然还有完全没听过、见过的css属性，而且还是CSS2的内容！ 关于counter-reset、content-increment两个属性的详解可以参看张鑫旭的博文：《CSS计数器(序列数字字符自动递增)详解》，这里做个记录，写个demo
