【问题标题】:list-style-type string value works fine, even though it is not a valid valuelist-style-type 字符串值工作正常,即使它不是有效值
【发布时间】:2020-05-03 03:42:37
【问题描述】:

我一直致力于将一些列表添加到现有项目中。我需要的一件事是一个“>”作为要点。使用.myselector:before 并将content 设置为'>'就足够简单了。

出于好奇,我尝试使用list-style-type 将其设置为'>`。

.myselector {
  list-style-type: '>';
}

我没想到它会起作用。 VS Code 甚至会报错。但它工作得很好。这些列表有一个“>”而不是默认圆圈,并且没有任何浏览器错误。这怎么可能?

【问题讨论】:

    标签: css web value-of-css-property


    【解决方案1】:

    根据 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type,可以使用字符串作为 list-style-type 的值。问题在于,并非所有浏览器都支持它——例如 Safari 或 Edge。目前我建议使用::before 作为最佳解决方案。

    【讨论】:

    • 哦,这很有趣。我没有看到文档的那部分。这就解释了为什么不普遍推荐它。
    猜你喜欢
    • 2016-07-14
    • 2020-08-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-14
    • 1970-01-01
    • 2018-03-29
    相关资源
    最近更新 更多