1.子选择器
<div class="food"> <h1>你好</h1> </div>
如：.food > h1{ color:red; }
a：> 于号用于指定标签元素的第一代子元素（后代）
2.包含（后代）选择器
<div class="food">
<h1>
<p>你好</p>
</h1>
</div>
如：.food p{ color:green; }
a：空格作用于元素的所有后代
demo：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>子选择器</title>
<style>
.food>h2{
color: red;
}
.food p{
color: green;
}
</style>
</head>
<body>
<div class="food">
<h1>
<p>第一代子元素</p>
</h1>
<h2>你好</h2>
</div>
</body>
</html>运行结果：
4162
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
