7

我认为我可以做到以下几点：

<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 节）

但显然我误读/误解了规范。有什么帮助吗？

谢谢！

4

2 回答 2

6

typeandglyphs属性放在声明中，因此@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 规则中使用的标识符的支持并将其添加到关键字。这些更改尚未反映在此页面上，因为当前没有浏览器实现它们。

于 2013-09-04T15:41:49.513 回答
2

如果你想让它在每个浏览器中都可见，你需要用另一种语言（javascript/jquery，或者来自你的服务器的东西）来做

最后，你只需要有这样的东西：http: //jsfiddle.net/KdhxX/

<ol>
  <li value="0"> Item 0 </li>
  <li value="1"> Item 1 </li>
  <li value="10"> Item 2 </li>
</ol>

将值插入到您的“li”中，由 javascript 或您的服务器端语言填充

于 2013-09-04T15:43:55.790 回答