Question

我不能确定我的代码是否在吸吮，或者是否只是浏览器还没有赶上规范。

我的目标是使用生成的内容模拟列表标记，以便例如在纯CSS中从列表到列表继续计数器。

因此，根据the spec，我认为的代码是正确的，如下所示：

html {
  counter-reset: myCounter;
}
li {
  counter-increment: myCounter;
}
li:before {
  content: counter(myCounter)". ";
  display: marker;
  width: 5em;
  text-align: right;
  marker-offset: 1em;
}

<ol>
  <li>The<li>
  <li>quick</li>
  <li>brown</li>
</ol>
<ol>
  <li>fox</li>
  <li>jumped</li>
  <li>over</li>
</ol>

但是，这似乎并没有在FF3，Chrome或IE8 beta 2中生成标记，如果我没记错的话也不是Opera（虽然我已经卸载了Opera）。

那么，有没有人知道标记假设是否起作用？在这方面，Quirksmode.org不是通常有用的自我:(。

Answer 1

显然，标记是作为CSS 2中的值引入的，但由于缺乏浏览器支持而没有进入CSS 2.1。我想这并没有帮助它的受欢迎程度......

来源：http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display（德语）

Answer 2

哦，哎哟，不知道： - |。那可能就是它的情况。因为大多数情况下我认为在现代浏览器中肯定会支持这样一个基本的CSS2属性，但如果它没有进入CSS 2.1，那么它就更有意义了。它不是。

为了将来参考，它不显示in the Mozilla Development Center，因此可能Firefox根本不支持它。

另外为了将来的参考，我得到了我的原始示例，而不是inline-block：

li:before
{
    content: counter(myCounter)". ";
    display: inline-block;
    width: 2em;
    padding-right: 0.3em;
    text-align: right;
}

“display：marker”是否可以在任何当前浏览器中使用，如果可以，如何使用？

2 个答案: