我很确定它已经记录在某个地方了,但我的谷歌搜索和看着这个mdn并没有给我任何实质性的东西。
考虑以下示例:
<doctype html>
<html>
<head>
<title>Array test</title>
</head>
<body>
<style scoped>
div {
margin: 20px;
padding: 20px;
display: list-item;
list-style-type: decimal;
}
</style>
<div>one</div>
<div>two</div>
<div>three</div>
<div>four</div>
</body>
</html>
如果你在Chrome或Safari中渲染它,或者我可以抓住任何webkit浏览器,div将被编号为1,2,3,4。但在Firefox中,所有项目都将为0.
有解决方法吗?在纯CSS?
TIA
答案 0 :(得分:1)
如果你想使用纯CSS解决方案,你可以明确使用CSS计数器,对吗?
答案 1 :(得分:0)
我找到了post和site(L部分),注意到这是(一直是)Firefox中的一个错误。
我发现的唯一解决方案是div
项必须由ol
:http://jsfiddle.net/Rvux3/3/包裹,当然,这不是纯CSS解决方案,也不是验证(如果您要使用li
,也可以使用ol
项。