如何使用css和html命令产生看起来像1.1,1.2,1.3(而不仅仅是1,2,3)的结果的列表?
到目前为止输出为,
对于以下代码,
HTML:
<ol> <li>Lorem ipsum.</li> <li>Excepteur sint occaecat cupidatat non proident: <ol> <li>sunt in culpa qui officia,</li> <li>deserunt mollit anim id est laborum.</li> </ol> </li> <li>Ut enim ad minim veniam. <ol> <li>Quis nostrud exercitation.</li> <li>Ullamco laboris nisi ut. <ol> <li> Duis aute irure dolor </li> </ol> </li> </ol> </li>
CSS:
ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } li { display: table; counter-increment: item; margin-bottom: 0.6em; } li:before { content: counters(item,".") ". "; display: table-cell; padding-right: 0.6em; } li li { margin: 0; } li li:before { content: counters(item,".") " "; }
但我需要得到结果,
得到答案,参考JSfiddle
解决方法
原文地址:https://www.jb51.cc/css/214729.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。