css - 在 CSS 中定义自定义列表样式类型

Question

我想问一下，这是否可能(比如 font-face)。示例:

@list-style-type {
  list-style-image: 'myCustomStyle';
  src: url('url-to-image');
}

ul {
  list-style-type: myCustomStyle;
}

有这样的吗？我知道我可以用元素上的类来做到这一点，然后设置自定义图像，但这不是我的意思。我的公司有问题，这样的事情会非常好。

Answer 1

在当前定义和实现的 CSS 中，您不能。 list-style-type 的值property 是一组关键字，在不同的规范和实现中有所不同，但即使是语法也不允许添加任何自定义值。

正在进行定义 CSS Lists and Counters Module Level 3 的工作，这将扩展语法和语义，以允许使用作为 CSS Counter Styles Level 3 的一部分设计的构造在 @counter-style 规则中定义自定义值.这计划包括定义使用自定义图像的命名值或包含自定义图像作为其一部分的构造的可能性。到目前为止，似乎在已发布的浏览器版本中没有实现这一点。