:empty 选择器匹配没有子元素（包括文本节点）的每个元素。
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css-选择器-empty</title>
<style type="text/css">
p:empty{
width: 100px;
height: 20px;
background: red;
}
</style>
</head>
<body>
<p>p1</p>
<p></p>
<p>p2</p>
<p>p3</p>
<p>p4</p>
</body>
</html>
运行效果：
image.png
CSS选择器-系列文章 1、:empty选择器 :empty 选择器匹配没有子元素（包括文本节点）的每个元素。 2...
使用简单的css制作如下样式标签： 其中css的伪类选择器:empty注意下： 1.伪类选择器：:empty（该元...
1 伪类选择器 1.1 :empty 选择内容为空的元素。:not(:empty) 不为空的元素。 举个栗子： 如...
之前学过的选择器 属性选择器 伪类选择器 结构选择器 结构伪类选择器 结构为类的的问题 empty target伪...
CSS选择器最主要的基础选择器。 选择器 含义通用元素选择器，匹配页面任何元素。（这也就决定了我们很少使用）...
标签选择器 指用HTML标签名称作为选择器，按标签名进行分类，为页面中的某一类标签指定为同一样式。 类选择器 类选...
1、元素/标签/类型选择器 以标签作为选择器 p{color:#f00;} div{ba...
一、什么是选择器 选择器是指通过一定的语法规则选取对应的HTML标记，然后给对应的HTML标记设置样式。选择器分为...
选择器
标签选择器 标签选择器是指用HTML标签名作为选择器，可以把某一类标签全部选择出来，然后为页面中某一类标签指定统一...
本文标题：CSS-选择器12-:empty
本文链接：https://www.haomeiwen.com/subject/woghqxtx.html
网友评论