关于各种选择器

层级选择器
    E>F 子选择器  选择子代按顺序
    E F 后代选择器  选择所有后代
    E+F 相邻兄弟选择器 选择紧挨着的下一个元素
    E~F 通用选择器 选择E后面所有的F元素
属性选择器
    1、E[attr]：只使用属性名，但没有确定任何属性值； 
    2、E[attr="value"]：指定属性名，并指定了该属性的属性值； 
    3、E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写 
    扩展知识
    4、E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的； 
    5、E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的 
    6、E[attr*="value"]：指定了属性名，并且有属性值，而且属值中包含了value； 
    7、E[attr|="value"]：指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）;
伪类选择器
    结构伪类选择器
        :first-child/:last-child
同类型的第一个，最后一个，如果出现不同类型的则不生效
        :nth-child(2n/even)/:nth-child(2n-1/odd)
同类型的双数/单数，不能出现不同类型de
        :nth/first/last/-of-type（2n/even/2n-1/odd）
选择单双数，如果存在不同类型的也能生效
        :only-child
在同一个父级元素下只允许存在一个子元素，否则不生效
        :empty
只能用在没有任何东西的元素里，如果有则失效
        ：root
修改根元素
    目标伪类选择器
        E：target{ 选择所有匹配E的元素}
    UI元素状态伪类选择器
        E:enabled 匹配所有用户界面（form表单）中处于可用状态的E元素
        E:disabled 匹配所有用户界面（form表单）中处于不可用状态的E元素
        E:checked 匹配所有用户界面（form表单）中处于点击选中状态的元素E
        E:selection 匹配E元素中被用户选中的部分
    否定伪类选择器
        E：not（想要修改的元素类别）  是该元素不生效
    动态伪类选择器
        E：link  为访问时的状态
        E：hover  鼠标悬停时的状态
        E：active 鼠标点击时的状态
        E：visited  访问过后的状态
        E：focus 获取焦点时的状态