<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;
}