我想一起使用CSS3的:empty
伪类和CSS3的content
属性来向空列表中添加一些文本,如此处所示 fiddle :
我了解到 CSS 只允许在:after
或:before
伪元素中使用content
。是否有允许空列表样式的解决方案?
正如我在评论中了解到的那样,事实证明您可以在 CSS3 中的任何地方使用 content
(在大多数浏览器中无效 [自 12/31/2012 起) ]) 并且仅在 CSS2 中的 :after
和 :before
block 中。 (感谢@BoltClock)
如果您不介意成为特定于 Firefox 的,您可以使用 -moz-only-whitespace
选择器使它的行为更符合逻辑。 (感谢@robertc)
最佳答案
原来我在提问中回答了我自己的问题:
您可以使用 :after
和 :empty
元素在 UL 之后添加一些内容。它毕竟是空的,所以它保证位于列表所在的位置。
关于css - 如何使用:empty pseudo-class and content property together?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14102362/