css - 如何使用:empty pseudo-class and content property together?

标签 css css-selectors pseudo-element

一起使用CSS3的:empty伪类和CSS3的content属性来向空列表中添加一些文本,如此处所示 fiddle :

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

了解到 CSS 只允许在:after:before 伪元素中使用content。是否有允许空列表样式的解决方案?


正如我在评论中了解到的那样,事实证明您可以在 CSS3 中的任何地方使用 content(在大多数浏览器中无效 [自 12/31/2012 起) ]) 并且仅在 CSS2 中的 :after:before block 中。 (感谢@BoltClock)

如果您不介意成为特定于 Firefox 的,您可以使用 -moz-only-whitespace 选择器使它的行为更符合逻辑。 (感谢@robertc)

最佳答案

原来我在提问中回答了我自己的问题:

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

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

关于css - 如何使用:empty pseudo-class and content property together?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14102362/

相关文章:

css - 如何在css中创建中间有曲线的直线

javascript - 在 Bootstrap 中更改 div 的列类

android - 按钮背景选择器

一系列元素的 CSS nth-child

html - Firefox、Edge 和 IE 中的 Flexbox column-reverse

php - 需要通过 css 将颜色添加到 html 表格

java - Jsoup - 打印 element.data() 不打印任何内容

css - 如何在伪元素中显示缩放的 svg?

html - 前后图像循环

html - 我可以使用 :before or :after pseudo-element on an input field? 吗