css - 約とスタイル

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（および他のすべての最新ブラウザー）でも動作します