HTML / CSS多级嵌套列表编号
发布时间:2020-12-14 18:47:05 所属栏目:资源 来源:网络整理
导读:参见英文答案 Can ordered list produce result that looks like 1.1,1.2,1.3 (instead of just 1,2,3,…) with css? 10个 有没有办法使用直接HTML和CSS列表( ul或 ol)来实现以下编号? 1. Link 12. Link 23. Link 3 3.1. Link 3.1 3.2. Link 3.2 3.3. Link
参见英文答案 >
Can ordered list produce result that looks like 1.1,1.2,1.3 (instead of just 1,2,3,…) with css? 10个
有没有办法使用直接HTML和CSS列表(< ul>或< ol>)来实现以下编号? 1. Link 1 2. Link 2 3. Link 3 3.1. Link 3.1 3.2. Link 3.2 3.3. Link 3.3 4. Link 4 4.1. Link 4.1 4.1.1 Link 4.1.1 4.1.2 Link 4.1.2 5. Link 5 提前致谢! 解决方法
您可以使用CSS
counters:
ol { counter-reset: section; list-style-type: none; } li:before { counter-increment: section; content: counters(section,".") ". Link " counters(section,".") " "; } 工作演示(also on JSBin): ol { counter-reset: section; list-style-type: none; } li:before { counter-increment: section; content: counters(section,".") " "; } <ol> <li></li> <li></li> <li> <ol> <li></li> <li></li> <li></li> </ol> </li> <li> <ol> <li> <ol> <li></li> <li></li> </ol> </li> </ol> </li> <li></li> </ol> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |