html - html 中的@Counter 样式规则

Question

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

我尝试在本地查看 counter-style 的效果，但浏览器不支持 counter-style 属性。

HTML 前

<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工作。