CSS3:空选择器和内容属性

时间:2012-12-31 13:48:00

标签: css css3 css-selectors pseudo-element

想要 将CSS3的:empty psedo-selector和CSS3的content属性一起用于向空列表中添加一些文本,如下所示小提琴:

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

了解 ,CSS只允许content:after选择器中的:before。是否有允许样式空列表的解决方案?

修改

正如我在评论中所了解的那样,可以在CSS3中的任何地方使用content(在大多数浏览器中都没有效果[截至12/31/2012])仅限CSS2中的:after:before块。 (谢谢@BoltClock

如果您不介意特定于Firefox,则可以使用-moz-only-whitespace选择器使其在逻辑上更具表现力。 (谢谢@robertc

2 个答案:

答案 0 :(得分:15)

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

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

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

答案 1 :(得分:9)

.some_class_name:empty:after{ content: "-"; }