选择器是css里最重要的一关！
    1.层次选择器
    1.1后代选择器 多代 祖爷爷 爷爷 爸爸 儿子 选中所有的后代
    选中body里的所有p，只要是后代。

    1. /*后代选择器*/
    2. body p{
    3.    backgroud:#0000
    4. }

    1.2子选择器 一代 只选中儿子 用>指向儿子
    除了直系的p以外在其他标签内的p不会选中

    /*子选择器*/
body>p{
}

    1.3相邻兄弟选择器 只有一个 向下选择（calss可改id）

    
.active+p{
//选择类active下的一个p标签(不包括自己)
}

    1.4通用兄弟选择器 当前类下的所有同种兄弟元素（class可改id）

    .active~p{
//选择类active下的所有p标签(不包括自己)
}

    用途：定位到某个id方便修改其周围的样式。

    2.结构伪类选择器
    伪类: 系统自带的类，不需要用户编写和开辟空间的类
    伪类：过滤条件 特效 带冒号：
    伪类选择器：**
    例子：a标签的hover元素可以做一个鼠标悬停动画(改变颜色之类的)
    hover：悬停

    a:hover{}

    这里的a:hover就是一个伪类
    结构伪类选择器：用于选择结构的
    1.选择第一个子元素和最后一个子元素
    3.png
    2.选择当前元素的父元素的子元素nth代表父类（）括号内写第几个元素
    4.png