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伪类选择器运行实例图

上一页 下一页

原文地址:http://www.manongjc.com/article/1294.html