如何在有序列表中实现十进制编号？

Question

使用HTML和CSS,我可以实现这一目标吗？

1.
1.1
1.2
2.
2.1
2.2

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

Answer 1

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

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); }

Answer 2

这样做没有跨浏览器的方式.

您可以实现的最好的是嵌套有序列表:

<ol>
    <li>Item 1
        <ol>
            <li>Subitem 1</li>
        </ol>
    </li>
</ol>

然后为每个嵌套列表设置样式以使其具有不同的类型:

ol {
    list-style-type: upper-roman;
}
ol ol {
    list-style-type: decimal;
}

希望这可以帮助!

Answer 3

是的，这可以通过CSS Counters来完成。但是，它并不适用于所有浏览器。