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

现在我了解了“正常”CSS 列表样式（罗马、拉丁等），当然在过去的几年里，它们在不允许诸如以下内容方面有些不灵活：

(a)

or

a)

only

a.

现在我相信你可以通过 :before 和 :after 伪元素得到像上面这样的效果。那是对的吗？如果可以的话，浏览器兼容性怎么样？

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

1. 介绍 1.1 目标 1.2 假设 1.3 局限性 1.3.1 ...
2. 新版块 ...

等等。

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

See 生成的内容、自动编号和列表 http://www.w3.org/TR/CSS2/generate.html.

这个例子展示了一种编号的方法 带有“章 1”、“1.1”、“1.2”等

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

Edit: 怪异模式 http://www.quirksmode.org/css/contents.html在浏览器上有更好的 CSS 支持表。几乎所有浏览器，除了 IE8b2 之前的 IE。所以是的，完全没用。