Joh*_*ger 2 html css html-lists
我正在尝试创建一个样式表来支持显示包含文章,部分,子部分等的法律文档.我希望最有序的列表显示"Article n:"而不是值"1".同样,我希望第二级显示"Section n - ".所有其他从属级别应显示已定义的OL样式类型值.
我在这里找到了一个类似的问题如何使用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>
期望的结果和上述问题暗示的结果是:第1条:苹果第2条:橘子
相反,我看到:
1.第1条:苹果
2.第2条:橘子
如果我可以使这个基本部分工作,那么我可以通过使用不同的选择器(即ol ol和ol ol li)扩展解决方案以包括嵌套级别.但这完全取决于删除前导有序列表值.
我错过了什么？
只需要关闭默认编号(并重新应用你已经做过的自定义计算):
ol {
counter-reset: item;
list-style-type: none;
}
看看这个例子.