CSS3:空选择器和内容属性

问题描述 投票:11回答:2

I wand一起使用CSS3的:empty psedo-selector和CSS3的content属性可以向空白列表中添加一些文本,如该小提琴所示:

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

I learned CSS仅允许content:after选择器中的:before。是否有一种允许样式化空列表的解决方案?

编辑

据我在评论中了解到,结果您可以在CSS3中的任何位置使用content(在[2012年12月31日为止的大多数浏览器中都无效]),并且仅在:after和CSS2中的:before块。 (感谢@BoltClock

[如果您不介意特定于Firefox,则可以使用-moz-only-whitespace选择器使其行为更具逻辑性。 (感谢@robertc

css css3 css-selectors pseudo-element
2个回答
15
投票

结果我在询问中回答了自己的问题:

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

您可以将:after:empty元素一起使用,以在UL之后添加一些内容。毕竟它是[[is是空的,因此可以保证它位于列表的位置。


9
投票
.some_class_name:empty::after{ content: "-"; }
© www.soinside.com 2019 - 2024. All rights reserved.