各种关系：

父元素

包含子元素的元素就是父元素

子元素

祖先元素

直接或间接包含后代元素的就是祖先元素

一个元素的父元素也是祖先元素

后代元素

兄弟元素

拥有相同父元素的元素就是兄弟元素。

子元素选择器：

作用：选中指定父元素的指定子元素

语法：父元素>子元素

示例：

div>p{

}

只要是div元素下的p子元素，都会获得相同的样式。

当然，单独使用关系选择器还是有很多不方便的地方，我们可以用类选择器指定特定的div元素来进行关系选择：

后代元素选择器：

作用：选择指定个元素内的后代元素。

语法：祖先 后代（中间有空格）

Div span{

Color: red;

}

兄弟选择器1：

语法： 选择器1+选择器2

这样会选择和选择器紧挨着的下一个选择器。注意：

在这么多元素里，只有兄弟元素下一个紧挨着的兄弟元素才能够被选择。

当然，这样很不方便，因为一次只能选择一个兄弟选择器，所以我们还有另一种办法：

选择器兄~选择器弟

这样会选择兄以下的所有弟元素，比如：

P~p{

Color: red;

}

艾迪莎丢 阿三地方了尽快哈第三方 dasfasdffd 附加符号