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之后添加一些东西.毕竟,它是空的,所以它被保证位于列表的位置.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效