Browser 是否有浏览器支持CSS3伪元素；标记“；？

该规范允许使用伪元素“marker”修改列表项（

li

）标记，如下所示：

但我似乎无法让它在我的任何浏览器中工作

---

有浏览器支持这个吗？还是我做错了什么？

您不能单独更改标记的颜色，但可以使用列表样式图像更改其图像，请参见。解决办法：

<ul><li style="color:blue;"><span style="color:black">test</span></li></ul>

测试

---

回答您的问题：不，到今天为止，没有浏览器支持此功能

更新2020

• Firefox从v68开始
• 从v11.1开始的Safari（CSS模块级别4）
• ChromeV80，支持实验性Web平台功能

---

您能改用

：before

吗

li {
 display: block;
 list-style-position: inside;
 margin: 0;
}
li:before { 
 content:" • ";  
 color: green;
}

---

虽然没有浏览器支持该规范，但Firefox有自己的操作方式：

li::-moz-list-bullet {
color:blue;
}

---

来源：

没有浏览器支持此功能，但可以使用（列表样式类型：和列表样式图像）属性或类前后的伪属性

+1谢谢你提出这个问题！如果没有它，我就不会知道规范的这一部分。你所做的错误是假设，仅仅因为W3C TR是公开的，它就会自动使其成为“规范”的规范部分，因此必须存在实现才能使用所描述的功能。序言中写道：“作为工作草案发布并不意味着W3C成员国的认可。这是一份草案文件，可能随时被其他文件更新、替换或废弃。引用本文件作为正在进行的工作之外的内容是不合适的。”6年后，人们仍然在寻找这个，很明显，它没有被实现。我想我们必须继续使用hack-arounds。谢谢，但颜色位只是一个例子。我真的只想知道是否有浏览器支持这个特定的伪元素。（我特别希望使用

内容

属性。）谢谢。对我来说这可能是个很有用的主意，但这不是问题的真正含义。不过，在得到支持之前，有些人可能会觉得它很有用。使用CSS生成的项目符号而不是默认的浏览器生成的项目符号会更改项目符号的大小和位置。这并不妨碍使用这种解决方案，但你应该考虑是否可以接受。截至2014年3月，似乎还没有大的浏览器已经实现这一点。截至2015年10月，情况是相同的。没有相应的CanIUse页面，但是可以跟踪支持状态。截至2016年2月，情况仍然如此。截至2016年9月，情况仍然如此。尽管CanIUse不支持safari

li::-moz-list-bullet {
color:blue;
}