问答详情
源自：6-12 徽章

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

.badge:empty {
display: none;
}

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

提问者：_长野的天 2016-08-05 11:05

个回答

  • 大铭王朝
    2016-08-05 19:58:15
    已采纳

    就跟上面的代码一样，定义一个class，例如<span class="test">8</span> 

    然后加上样式

    test:empty {
    display: none;
    }

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

    0
  • g0_f0r_it
    2016-09-07 12:39:07

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

    0