如何使用<ol>标签创建二进制计数器？

Question

我以为我可以做以下事情:

<ol style = "type:numeric; glyphs: '0' '1';">
    <li> Item 0 </li>
    <li> Item 1 </li>
    <li> Item 2 </li>
</ol>

生成以二进制计数的列表.也就是说,上面的例子应该产生:

0.项目0

1.第1项

10.第2项

但是,唉,它没有这样的事情.Firefox只是忽略了我的风格建议.

我在http://www.w3.org/TR/css3-lists/上阅读了这篇文章(第8.1.2节)

但显然我误解/误解了规范.有帮助吗？

谢谢!

Answer 1

该type和glyphs在侧的特性去@counter-style申报,因此你需要定义计数器样式,然后使用它.

@counter-style mybinary {
    type: numeric;
    glyphs: '0' '1' '2';
}

<ol style = "list-style-type:mybinary;">
    <li> Item 0 </li>
    <li> Item 1 </li>
    <li> Item 2 </li>
</ol>

我不认为任何浏览器实现这一点,因为除了工作草案和MDN的这一行之外,这是我在其上找到的全部内容

CSS列表和计数器模块级别3 工作草案添加对@ counter-style规则中使用的标识符的支持并将其添加到关键字.这些更改尚未反映在此页面上,因为当前没有浏览器实现它们.