CSS3:空选择器和内容属性

Question

我想一起使用CSS3的:emptypsedo-selector和CSS3的content属性来向空列表中添加一些文本,如下所示:

http://jsfiddle.net/ZesAC/2/

我了解到 CSS只允许content使用:after或:before选择器.是否有允许样式空列表的解决方案？

编辑

正如我在评论中所了解的那样,你可以content在CSS3中的任何地方使用(在大多数浏览器中都没有效果[截至12/31/2012])并且只能在CSS2 中使用:after和:before阻止.(谢谢@BoltClock)

如果您不介意特定于Firefox,则可以使用-moz-only-whitespace选择器使其在逻辑上更具表现力.(谢谢@robertc)

Answer 1

事实证明我在提问中回答了我自己的问题:

http://jsfiddle.net/M6xZj/2/

您可以使用:after与:empty元素的UL后添加一些东西.毕竟它是空的,所以它保证位于列表所在的位置.

Answer 2

.some_class_name:empty::after{ content: "-"; }