如何在有序列表中实现十进制编号? [英] How to achieve decimal numbering in ordered lists?

问题描述

使用HTML和CSS，可以实现吗?

With HTML and CSS, can I achieve this?

1.
1.1
1.2
2.
2.1
2.2

使用<li>和<ul>标签?

推荐答案

对于符合CSS的浏览器，您可以使用:

For CSS-compliant browsers you could use:

ul { counter-reset:item; }
ul > li { counter-increment:item; }
ul > li:before {content: counter(item); }

ul > li > ul { counter-reset:subitem; }
ul > li > ul > li { counter-increment:subitem; }
ul > li > ul > li:before { content: counter(item) "." counter(subitem); }

这篇关于如何在有序列表中实现十进制编号?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！