HTML5替代:: - moz-list-number

Question

如何为HTML5中的列表编号定义样式，该样式与<ol reversed>兼容？

我找到::-moz-list-number但它只适用于Firefox。有没有人知道做同样的更好的替代方案？

Answer 1

我完全错过了非常明显的reverse部分。看起来您可能需要<li><span>Item</span></li>并在<span>中以<li>为样式进行展开。

旧答案（可能对某些人有用）。

您可以设置::before样式并添加content: counter(someCounter)。

ol {
  list-style: none;
  counter-reset: item;
}

ol li::before {
  counter-increment: item;
  content: counter(item) ". ";
  color: red;
  font-weight: bold;
}

这是一个快速演示：https://jsfiddle.net/crswll/toggchgd/1/