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

Question

现在我知道"正常"的CSS列表样式(罗马,拉丁语等),当然在过去的几年里,他们在不允许以下内容方面有些不灵活:

(一个)

要么

一个)

只要

一个.

现在我相信你可以使用:before和:after伪元素获得类似上面的效果.那是对的吗？最重要的是浏览器兼容性,如果可以的话？

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

1. 引言1.1目标1.2假设1.3局限1.3.1 ......
2. 新科......

等等.

CSS可以做到这一点,如果是这样,浏览器的兼容性如何？

Answer 1

请参阅生成的内容,自动编号和列表.

此示例显示了使用"第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;
}

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