css - "display: marker"在当前的任何浏览器中都可以工作吗？如果可以，如何工作？

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 (德语)