html - 在 CSS 中报告部分样式列表编号？

Question

现在我知道了“正常”的 CSS 列表样式(罗马、拉丁等)，当然在过去的几年里，它们在不允许像这样的事情方面有些不灵活:

(一)

或

一)

只有

一个。

现在我相信您可以使用 :before 和 :after 伪元素获得上述效果。那是对的吗？如果可以的话，浏览器兼容性如何？

然而，我的主要问题是我想要报告样式编号:

1. 简介 1.1 目标 1.2 假设 1.3 限制 1.3.1 ...
2. 新科 ...

等等。

CSS 可以做到这一点吗？如果可以，浏览器的兼容性如何？

Answer 1

参见 Generated content, automatic numbering, and lists .

This example shows a way to number chapters and sections with "Chapter 1", "1.1", "1.2", etc.

H1:before {
    content: "Chapter " counter(chapter) ". ";
    counter-increment: chapter;  /* Add 1 to chapter */
    counter-reset: section;      /* Set section to 0 */
}
H2:before {
    content: counter(chapter) "." counter(section) " ";
    counter-increment: section;
}

编辑:quirksmode.org在浏览器上有更好的 css 支持表。几乎所有浏览器，IE8b2 之前的 IE 除外。所以是的，完全没用。