Как поменять цвет у list-type ol списка?

Question

[tester]

Как поменять цвет нумерации списка

1. ?
   

Answer 1

[Вадим Кот]

Делать нумерацию псевдоэлементами с использованием css counters https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
пример https://codepen.io/anon/pen/pqWQOP

Answer 2

[HamSter]

Например еще так jsbin:

html:

<ol>
  <li><span>Lorem.</span></li>
</ol>

css:

ol {
  color: green;
}

ol span {
  color:#000
}

Смысл в том что списку задаем цвет, который будет у нумерации, а span задаем цвет текста.

Answer 3

[i_n_k_i]

У нас есть псевдокласс ::marker для того, чтобы задать цвет текста ему.
например:

ol  li::marker{ 
  color:  #2D8BF1;
}