@html中的计数器式规则

Question

我知道css计数器功能，但最近我遇到了 @ counter-style https://www.w3.org/TR/css-counter-styles-3/，我们可以用它来定义计数器的自定义规则。

我在本地尝试看到反式风格的效果，但浏览器并不尊重反式风格的属性。

HTML ex

<style>
@counter-style thumbs {
  system: cyclic;
  symbols: "\1F44D";
  suffix: " ";
}

ul {
  list-style: thumbs;
}
</style>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

浏览器只以正常方式呈现内容，我只能看到子弹。 所有浏览器都不支持吗？ 任何人都可以让我为@ counter-style工作。