我们永远不能怪罪任何帮了倒忙的志愿者。他们是一心对你好，别让他们心凉。相信自已。不要妄加评判自已，也不会把自已交给别人评判，更不会贬低自已。
今天在写一个主题时，需要把一些没有内容的元素给隐藏掉，由于是由后台动态生成的页面，不知道没有内容的元素在哪。当然这种问题对于技太大姥来说，是简单的一笔，但对于像我这种菜鸟来说，就很难了。所以就想出了，用CSS来隐藏一些空内容元素的方法。
CSS :empty 选择器介绍
css 选择内容为空的元素，需要用到 CSS 的 :empty 选择器！
:empty：此选择器可以匹配没有子元素或文本内容的每个元素。
语法：
event:empty{
}CSS 选择内容为空的元素的好代码教程
例1：使用 css 选择器 empty 隐藏内容为元素的好代码教程
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
div p{
height: 40px;
color:red;
}
/*隐藏没有内容的元素*/
div p:empty{
display: none;
}
</style>
<body>
<div>
<p></p>
<p>我是有内容的</p>
<p></p>
<p>我是有内容的</p>
</div>
</body>
</html>例2：利用 CSS 的 empty 选择器，修改内容为空元素的背景色
css代码：
<style>
div p{
height: 40px;
color:red;
}
/*修改没有内容的元素的背景色*/
div p:empty{
background-color: blue;
}
</style> 以上就是css 选择没有内容的元素的方法。真正的孤独不是一个人寂寞，而是在无尽的喧哗中丧失了自我。更多关于css 选择没有内容的元素的方法请关注haodaima.com其它相关文章！
