CSS @counter-style Demo

CSS @counter-style Demo

Select a counter style from the list

@counter-style blacknwhite {
  system: cyclic;
  symbols: ◆ ◇;
  suffix: " ";
}

ul {
  list-style: blacknwhite;
}
Read more about @counter-style on Mozilla Developer Network