怎么使用伪元素，比如empty伪元素，当元素内没有内容的时候隐藏？
来源：6-12 徽章
_长野的天
2016-08-05 11:05
.badge:empty {
display: none;
}
这段代码怎么放，才能让一个元素中没有文本内容时异常元素，比如<a href="#">Inbox <span class="badge">9</span></a>，当数字9不存在时，隐藏这个<span>标签
写回答
关注
2回答
-
- 大铭王朝
- 2016-08-05 19:58:15
就跟上面的代码一样，定义一个class，例如<span class="test">8</span>
然后加上样式
test:empty {
display: none;
}这样当字母8不存在是，span标签就隐藏
-
- g0_f0r_it
- 2016-09-07 12:39:07
不需要放啊，自动隐藏的，当你span标签内没有内容时自动隐藏了
玩转Bootstrap（基础）
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
314546 学习 · 2275 问题
相似问题