sample: change marker color in ordered list

by sii_side

HTML

<ol>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ol>

CSS

ol {
  list-style-type: none;
  counter-reset: olist;
}

li:before {
  counter-increment: olist;
  content: counter(olist) ". ";
  color: #f00;
}