用CSS设置没有子元素的每个
元素的样式
要为没有子元素的每个<p>元素设置样式，请使用：空选择器t。您可以尝试运行以下代码来实现：空选择器
示例
<!DOCTYPE html>
<html>
<head>
<style>
p.demo {
width: 300px;
height: 20px;
background: gray;
}
p:empty {
width: 150px;
height: 20px;
background: orange;
}
</style>
</head>
<body>
<p class = "demo">This is demo text. Below is empty text.</p>
<p></p>
</body>
</html>