css :empty伪类选择器

时间:2016-08-01
css :empty伪类选择器用于匹配没有子节点(后代节点)的HTML元素，文本节点就是一个没有子节点的元素。本文章向大家介绍css :empty伪类选择器的基本语法和使用实例，需要的朋友可以参考一下。

css :empty介绍

css :empty伪类选择器匹配没有任何子元素（包括text节点）的元素。所有主流浏览器都支持:empty 选择器。除了IE8和更早版本。

语法：

:empty { 
   style properties 
}

比如，设置空的p元素的颜色，代码如下：

p:empty { color:#ff0000; }

css :empty实例

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
   <style>
   :empty{background-color: red;}
   </style>
</head>
<body>
<table border="1">
<tr>
<td>内容1</td>
    <td>内容1</td>

</tr>
    <tr>
        <td>sd</td>
        <td></td>
    </tr>
</table>

</body>
</html>

运行结果如下：

css :empty伪类选择器运行实例图

随机文章
WEB前端知识点必读
最近更新