章节
问答
课签
笔记
评论
占位
占位

CSS3 结构性伪类选择器—empty

:empty选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格

示例显示:

比如说,你的文档中有三个段落p元素,你想把没有任何内容的P元素隐藏起来。我们就可以使用“:empty”选择器来控制。

HTML代码:

<p>我是一个段落</p>
<p> </p>
<p></p>​

CSS代码:

p{
 background: orange;
 min-height: 30px;
}
p:empty {
  display: none;
}​

演示结果:

任务

在CSS编辑器的第五行输入正确代码,给空的div元素添加1px的绿色边框。

?不会了怎么办

empty标签是否书写正确

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
div {
min-height:
      30px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / weixin_慕标7424824
因为有个空格。:empty只针对什么都没有的,包括空格

最新回答 / 全国bug产出大赛亚军
:empty伪类选择器匹配没有任何子元素的元素,而input标签里的有没有值和元素内有没有子元素是不同的。

已采纳回答 / qq_雨栉_0
有时候网页中要加空标签的<...code...>

已采纳回答 / 慕少0598887
看需求吧,有时候你可以用它控制空元素 实现一些效果 比如 间距

已采纳回答 / 199142
可以选择元素为空的标签,给他设置样式  例如:html代码<div><div><div>dfdjfhdjf</div>  css代码: div:empty{background-color:#000;}这样第一个没有元素的div就可以更改样式了可以和not一起合起来使用呀 html代码还是上面的代码      css代码:  div: not(:empty{background-color:#000;})

最新回答 / zhangcl
亲,上面说的是把空元素隐藏,第二个P元素有空格,不是空元素。

最新回答 / 潘家大少爷
是css3的一个选择器。选择里面内容为空的元素。<...code...>

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言