<ol>
  <li>This</li>
  <li>Little</li>
  <li>Piggy</li>
  <li>Ate</li>
  <li>Roast Beef</li>
</ol>

<ul>
  <li>This</li>
  <li>Little</li>
  <li>Piggy</li>
  <li>Had</li>
  <li>None</li>
</ul>
ol {
  list-style: symbols(cyclic "♪" "♫" "♩" "♬");
}

@counter-style thumbs {
  system: cyclic;
  symbols: "♪" "♫" "♩" "♬";
  /*   
  prefix: "before";
  */
  suffix: " ";
}

ul {
  list-style: thumbs;
}

External CSS

  1. https://codepen.io/chriscoyier/pen/GRpqNwX

External JavaScript

This Pen doesn't use any external JavaScript resources.