css chai with dot code example

Example 1: html dot symbol

It's called a middle dot: ·

HTML entities:

·
·
·
In CSS:

\00B7

Example 2: how to change only bullet color in css

li::before {content: "•"; color: red;
  display: inline-block; width: 1em;
  margin-left: -1em}