1.后代选择器:空格
作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素
选择器语法:选择器1 选择器2
<style>
div p{
color:red;
}
</style>
</head>
<body>
<p>这是一个标签</p>
<div>
<p>这是div的儿子</p>
</div>
</body>
2.子代选择器
选择器语法:选择器1>选择器2
错误效果:我只想要”这是div里面的a“变红
<style>
div a{
color:red;
}
</style>
</head>
<body>
<div>
father
<a href="#">这是div里面的a</a>
<p>
<a href="#">这是div里面的p里面的a</a>
</p>
</div>
</body>
正确效果:
div>a{
color:red;
}