CSS3：空选择器和内容属性

我想使用 CSS3的：空的psedo-selector和CSS3的内容属性一起添加一些文本到空列表,如这个小提琴所示：

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

我了解到CSS只允许内容在：之后或之前选择器.是否有解决方案允许创建空列表？

编辑

正如我在评论中学到的,原来你可以使用CSS3中的任何地方的内容(在大多数浏览器[截至2012年12月31日])中,并且仅在CSS2中的块之前和之后. (谢谢@BoltClock)

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

解决方法

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

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

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

原文地址：https://www.jb51.cc/css/214097.html