css选择器

属性选择器
    选择属性进行操作 
         type 选择带有type属性的进行操作
         type="value" 选择的type属性值为value
         type^="value" 选择的type属性值开始位置带有value
        type$="value"  选择的type属性值结束位置带有value

结构伪类选择器
     1.:first-child[选择第一个元素]/:last-child[选择最后一个元素]/:nth-child()[第n个元素，或者是奇数odd偶数even]/:nth-last-child()[倒着来]
    2.:first-of-type[选择第一类元素]/:last-of-type[选择最后一类元素]/
        :nth-of-type[第n个元素，或者是奇数odd偶数even][跟:nth-child不同  只会计算相同类型的标签]
        :nth-last-of-type[倒着来 第n个元素，或者是奇数odd偶数even]
      3.E:only-child 只有一个子元素【并且这个子元素为E才会操作他的样式】
      4.E:only-of-type 这一类子元素只有一个
    5.:empty 元素为空【连空格也不允许】
     6.:root 操作的为body的样式

UI状态伪类选择器
    表单控件
        :disabled 禁用表单的样式
        :enabled 正常使用的表单的样式
        :checked 选中之后的样式
         :focus 获取焦点之后的样式

否定伪类选择器
    :not()  除了什么什么  可以让你定位不匹配该选择器的元素

目标伪类选择器
    :target 选择器可用于选取当前活动的目标元素。
使用该选择器来对页面中的某个target元素（该元素的id当做页面中的超链接来使用）指定样式，该样式只在用户点击了页面中的超链接，并且跳转到target元素后起作用。

伪对象选择器
    :after或者::after
        div:after{content:”文字”}
div:after{content:url();}
            与content属性一起使用，定义在对象后的内容
    :before或者::before
        div:before{content:”文字”}
div:before{content:url();}
            与content属性一起使用，定义在对象前的内容
    :first-letter或者::first-letter
        div:first-letter
            定义对象内第一个字符的样式，注：该伪元素只能用于块元素
    :first-line或者::first-line
        div:first-line
            定义对象内第一行的样式，注：该伪元素只能用于块元素
    ::selection
        div::selection
            选中之后的样式  只支持这background  color属性