U质服务 快速启动

HTML怎么级联编号 HTML级联编号如何实现

发布时间:  2017-06-30 09:06 来源:http://www.uqidong.com

HTML网页制作的朋友不会陌生,在网页制作的是时候我们可能会用到编号。但是编号往往不是一级,那么我们该如何实现级联编号呢?下面小编就为大家分享一下HTML级联编号如何实现
 
html
 
CSS counter-reset 属性
CSS counter-reset 属性用于设置某个选择器出现次数的计数器的值。
 
html
 
我们就可以使用以下有序列表进行测试:
 
html
 
html
 
counter-increment 属性
counter-increment 属性用于设置某个选取器每次出现的计数器增量。默认增量是 1。
 
html
 
依旧使用上面的序列,另外使用counter-reset: item -1进行测试
 
html
 
HTML DOM content 属性
通过content 属性来改变列表的编号。这里主要介绍其中的counter用法
 
html
 
下面通过counters方法将所有的计数器显示,以圆点(.)分隔,list-style-tyle为decimalcontent: counters(item,'.',decimal) '# ';
 
html
 
完整代码
 
html
 
分享到:
Copyright © 2010-2016 www.uqidong.com u启动 版权所有 闽ICP备16007296号 意见建议:service@uqidong.com