CSS_选择器

后代选择器就不说了

子代选择器

div>p

被div直接包裹的p标签都会被选中，如果是div包裹span再包裹p则不会被选中。

然后就是相邻兄弟选择器了

div+p

这里有一点 要注意

<div>hi</div>
<p>hi</p>
<p>hi</p>

这段代码中使用div+p只会选中选中第一个P标签

但是

<div>hello</div>
<div>hello</div>
<div>hello</div>
<div>hello</div>

使用div+div会选中出第一行之外的所有，因为+两侧的标签一样，会进行循环搜索。

最后后续选择器

div~p

就是后面所有的兄弟P标签。