CSS3:空选择器和内容属性

前端之家收集整理的这篇文章主要介绍了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之后添加一些东西.毕竟,它是空的,所以它被保证位于列表的位置.

猜你在找的CSS相关文章