带嵌套编号的有序列表
CSS 能否生成显示为 1.1、1.2、1.3 而不是默认的 1、2 的有序列表项,3 个序列?
解决方案使用计数器
要实现此结果,您可以利用 CSS 计数器的功能:
OL { counter-reset: item } LI { display: block } LI:before { content: counters(item, ".") " "; counter-increment: item }
上面的样式表为每个
示例
<ol> <li>li element <ol> <li>sub li element</li> <li>sub li element</li> <li>sub li element</li> </ol> </li> <li>li element</li> <li>li element <ol> <li>sub li element</li> <li>sub li element</li> <li>sub li element</li> </ol> </li> </ol>
使用应用的 CSS,此 HTML 将根据需要呈现具有嵌套编号的列表项:
以上是CSS 如何创建编号如 1.1、1.2、1.3 的嵌套有序列表?的详细内容。更多信息请关注PHP中文网其他相关文章!