作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素
选择器语法:选择器1 选择器2 {css}
结果:在选择器1所找到标签的后代(儿子,孙子,重孙子...)中,找到满足选择器2的标签,设置样 式
注意:1.后代包括儿子,孙子,重孙子...
2.后代选择器中,选择器与选择器之间通过空格隔开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.father p {
color:red;
}
</style>
</head>
<body>
<div class="father">
<P>小姐姐</P>
<div>
<p>小帅哥</p>
</div>
</div>
<p>小可爱</P>
</body>
</html>
代码中style部分为"找到.father中的p标签(小姐姐,小帅哥)使其变红。