css - CSS3：空选择器和内容属性

Question

我想一起使用 CSS3 的:emptypsedo-selector 和 CSS3 的content属性来将一些文本添加到空列表中，如下面的小提琴所示：

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

我了解到CSS 只允许content输入:after或:before选择器。是否有允许设置空列表样式的解决方案？

编辑

正如我在评论中了解到的那样，您可以在 CSS3 中的任何地方使用content（在大多数浏览器中无效 [截至 2012 年 12 月 31 日]），并且只能在 CSS2中的:after和块中使用。:before（感谢@BoltClock）

如果您不介意特定于 Firefox，您可以使用-moz-only-whitespace选择器使其行为更符合逻辑。（感谢@robertc）

Answer 1

原来我在提问中回答了我自己的问题：

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

您可以使用:afterwith:empty元素在 UL 之后添加一些内容。毕竟它是空的，所以它保证位于列表所在的位置。

Answer 2

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