Web前端开发笔记14——复合选择器2子选择器

1.子元素选择器（子选择器），只能选择作为某元素的最近一级子元素。简单理解就是选亲儿子元素。

如下情况：

<div class="div1">
    <a href="#">这里修改</a>
    <p><a href="#">这里不修改</a></p>
</div>

当我们使用后代选择器的时候是行不通的，即使定义了class它会将后代中的所有a元素全部改变。这时，我们就要使用子元素选择器了。

css样式如下：

.div1>a {
    color: #0022ff;
}

效果：

注：