list-style-type 字符串值工作正常，即使它不是有效值
list-style-type string value works fine, even though it is not a valid value
我一直致力于将一些列表添加到现有项目中。我需要的一件事是一个“>”作为要点。使用 .myselector:before 并将 content 设置为“>”就足够简单了。
出于好奇，我尝试使用 list-style-type 将其设置为 '>`。
.myselector {
list-style-type: '>';
}
我没想到它会起作用。 VS Code 甚至会报错。但它工作得很好。列表有一个“>”而不是默认的圆圈，并且没有任何浏览器错误。这怎么可能？
根据 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type，可以使用字符串作为 list-style-type 的值。问题是，并非每个浏览器都支持它——例如 Safari 或 Edge。现在我建议使用 ::before 作为最佳解决方案。
我一直致力于将一些列表添加到现有项目中。我需要的一件事是一个“>”作为要点。使用 .myselector:before 并将 content 设置为“>”就足够简单了。
出于好奇，我尝试使用 list-style-type 将其设置为 '>`。
.myselector {
list-style-type: '>';
}
我没想到它会起作用。 VS Code 甚至会报错。但它工作得很好。列表有一个“>”而不是默认的圆圈，并且没有任何浏览器错误。这怎么可能？
根据 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type，可以使用字符串作为 list-style-type 的值。问题是，并非每个浏览器都支持它——例如 Safari 或 Edge。现在我建议使用 ::before 作为最佳解决方案。