                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

怎么使用伪元素，比如empty伪元素，当元素内没有内容的时候隐藏？

.badge:empty {
display: none;
}

这段代码怎么放，才能让一个元素中没有文本内容时异常元素，比如<a href="#">Inbox 9</a>，当数字9不存在时，隐藏这个标签

_长野的天

2016-08-05

源自：玩转Bootstrap（基础） 6-12

关注问题我要回答

1551

操作

收起

2 回答

大铭王朝回答被采纳 +3 积分
2016-08-05

就跟上面的代码一样，定义一个class，例如8

然后加上样式

test:empty {
display: none;
}

这样当字母8不存在是，span标签就隐藏

0 回复有任何疑惑可以回复我~

收起回答

_长野的天提问者

谢谢，会用了。

2016-08-07 回复有任何疑惑可以回复我~

g0_f0r_it
2016-09-07

不需要放啊，自动隐藏的，当你span标签内没有内容时自动隐藏了

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314546 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

进入课程

本课相似问答

1 回答伪元素：：before：：after

2 回答这里的浮动元素是怎么把父元素撑高的？

1 回答父元素容器的问题，谢谢各位

2 回答bootstrap中一个元素达到设置的阙值的时候，如何让这个元素消失（不显示），bootstrap有没有提供相应的解决方法

5 回答这个元素是干什么的，怎么不显示

搜索更多本课相关问答

怎么使用伪元素，比如empty伪元素，当元素内没有内容的时候隐藏？

我要回答关注问题

热搜

最近搜索清空

怎么使用伪元素，比如empty伪元素，当元素内没有内容的时候隐藏？

2 回答

本课相似问答

怎么使用伪元素，比如empty伪元素，当元素内没有内容的时候隐藏？