css :empty介绍

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

语法:

:empty { 
   style properties 
}

比如,设置空的p元素的颜色,代码如下:

p:empty { color:#ff0000; }

 

css :empty实例

<!DOCTYPE html>
<html>
<head lang=\"en\">
    <  charset=\"UTF-8\">
    < ></ >
   <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

收藏 打印