关于<ol>和风格

Question

可能重复:
是否有一种简单的方法可以更改列表中项目符号的颜色？

是否可以将特定样式应用于<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(以及其他所有现代浏览器)