关于<ol>和风格</ol>

Question

  

可能重复：
  Is there an easy way to change the color of a bullet in a list?

是否可以将特定样式应用于<ol>列表的数字？

示例：

1. FOO
2. 巴

我需要“1”和“2.”变成红色，“foo”和“bar”变成蓝色。

Answer 1

使用before伪元素和counter函数，您可以实现此目的：http://jsfiddle.net/QXe7K/

ul { counter-reset : item; }
li { color         : blue; }
li:before {
    counter-increment : item;
    content           : counter(item) ". ";
    color             : red;
}

不需要额外的标记。它也适用于IE8（以及其他所有现代浏览器）