css选择器

4种基本选择器（id，类class，元素标签element，适配所有标签 ）很简单就不说了

1.后代选择器

div p{}

div元素里的所有p元素都被选中

2.子代选择器

div>p{}

div元素的子代里的p元素会被选中

3.相邻兄弟选择器

使用条件，两个元素必须拥有同一个父元素，第二个元素紧接在第一个元素之后

li+li{}

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

这里选中了第2，3个li，因为选中的 li 必须紧接在一个 li 之后，且两者都有一个父元素，所以第2，3个li满足

4.交集选择器

p.aa{}

class为aa的p元素

5.并集选择器

p,a,div{}

p,a,div元素都被选中了

6.伪类选择器

p:hover{}

鼠标移到p元素时的样式