CSS常用选择器

    1、元素选择器 p{}
    2、id选择器 #red{}
    3、class选择器 .blue 一个元素指定多个class class="abc ing"空格隔开
    4、通配选择器 *{} 选中所有选择器
    5、复合选择器  
        （1）交集选择器 选择器1选择器2选择器3选择器4{} 如果有元素选择器必须以元素选择器开头 
        （2）并集选择器/选择器分组   选择器1，选择器2{}
    6、关系选择器
        父元素、子元素、祖先元素、后代元素、兄弟元素
        （子元素选择器） 父元素>子元素
        （后代元素选择器） 祖先 后台元素
         (兄弟选择器) 前一个 + 后一个 紧挨着的下一个 选择下面所有兄弟 前一个 ~ 后一个
    7、属性选择器
        [属性名] 选择含有某个属性的元素   
        [属性名=属性值] title=”abc“  [title=abc]{}  
        [属性名^=属性值] 属性值以指定值开头的
        [属性名$=属性值] 属性值以指定值结尾的
        [属性名*=属性值] 属性值含有指定值

    8、常用的伪类选择器
        :first-child 表示在一组兄弟元素中的第一个元素。Note: 最初定义时，所选元素必须有一个parent。而从选择器 Level 4 开始，parent不再是必须的。
        :last-child 
        :nth-child() 第几个 为n时 0到正无穷 选择所有，为2n+1/even奇数 2n/odd偶数
        这三个伪类都是根据所有的子元素进行排序，第一为span时不行，所有元素第一个且为li
        :first-of-type
        :last-of-type
        :nth-of-type()
        这三个不同只在于同类型的排序
        :not() 否定伪类 将符合的元素从选择器中去除
        :link 表示没有访问过的链接 （正常的链接）
        :visited 表示访问过的链接  由于隐私的原因，visited只能修改链接的颜色
        这俩只适用于a标签

        :hover 表示鼠标移入的状态
        :active 表示鼠标点击
      9、常用的伪元素选择器：
        ::开头
        ::first-letter 表示第一个字母
        ::first-line 第一行
        ::selection 表示选中的内容
        ::before 元素的开始位置
        ::after 元素的结束位置
            -- before after 必须结合content属性来使用