sample: change list marker color with :before pseudo element

by sii_side

HTML

<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

CSS

ul {
  list-style-type: none;
}

li:before {
  content: "・";
  color: #f00;
}