学科分类
目录
HTML5+CSS3

:empty选择器

:empty选择器用来选择没有子元素或文本内容为空的所有元素。示例代码如下:

 1 <style type="text/css">

 2 p{

 3 width:150px;

 4 height:30px;

 5 }

 6 :empty{background-color: #999;}

 7 </style>

 8 </head>

 9 <body>

 10 <p>传智播客北京校区</p>

 11 <p>传智播客上海校区</p>

 12 <p>传智播客广州校区</p>

 13 <p></p>

 14 <p>传智播客武汉校区</p>    

 15 </body>

运行示例代码效果如图1所示:

img

图1 empty选择器使用效果展示

点击此处
隐藏目录