我正在尝试创建一个样式表来支持显示包含文章、章节、小节等的法律文档。我希望最外层的有序列表显示“文章 n:”而不是值“1”。 ”同样，我希望第二级显示“Section n - ”。所有其他下级级别应显示定义的 OL 样式类型值。
我在这里发现了类似的问题How can I prefix ordered list item numbers with a static string using CSS? 。虽然答案被接受，但提出问题的人，我无法让它发挥作用。我使用的是 Firefox 3.6.22。
代码:
<head>
<style type="text/css">
ol {
counter-reset: item;
list-style-type: decimal;
}
ol li:before {
content: 'Article ' counter(item, decimal) ': ';
counter-increment: item;
}
</style>
</head>
<body>
<ol>
<li>Apples</li>
<li>Oranges</li>
</ol>
</body>
期望的结果和上述问题暗示的有效结果是: 第一条:苹果 第2条:橙子
相反，我看到:
1. 第一条:苹果
2.第二条:橙子
如果我能让这个基本部分发挥作用，那么我可以通过使用不同的选择器(即 ol ol 和 ol ol li)来扩展解决方案以包含嵌套级别。但这都是基于删除领先的有序列表值。
我错过了什么？
最佳答案
关于html - 使用 CSS 和 HTML 将有序列表编号替换为前缀值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7428758/