CSS技巧记录

有幸见到一个好用又省时的css技巧，赶忙打开csdn记录下来。

:empty

用css代替js做的事。

假如有一个输入框，搜索之后发现后台返回的数据为空，此时需要往搜索结果处写入"搜索结果为空！"字样。

现在可以这样解决：

box:empty::before{
    content: '没有搜索结果'；
    display: block;
}

只要搜索结果为空，盒box为空，就会自动填充"没有搜索结果"字样