I wand一起使用CSS3的:empty
psedo-selector和CSS3的content
属性可以向空白列表中添加一些文本,如该小提琴所示:
I learned CSS仅允许content
或:after
选择器中的:before
。是否有一种允许样式化空列表的解决方案?
编辑
据我在评论中了解到,结果您可以在CSS3中的任何位置使用content
(在[2012年12月31日为止的大多数浏览器中都无效]),并且仅在:after
和CSS2中的:before
块。 (感谢@BoltClock)
[如果您不介意特定于Firefox,则可以使用-moz-only-whitespace
选择器使其行为更具逻辑性。 (感谢@robertc)
结果我在询问中回答了自己的问题:
您可以将:after
与:empty
元素一起使用,以在UL之后添加一些内容。毕竟它是[[is是空的,因此可以保证它位于列表的位置。
.some_class_name:empty::after{
content: "-";
}