各种选择器

html属性  等号前面
        css属性  冒号前面

       属性选择器：
            语法：
                选择器[属性="属性值"]{
                    自己要修改的代码
                }  一般用在input

  结构伪类选择器：
            选择器:nth-child(){ 第几个子元素
                修改代码
            }
            选择器:nth-last-child(){
                修改的代码
              }
            选择器:nth-of-type(){ 同类型的
                修改代码
            }
            () 可以放数字 2n 3n.... 2n+1 2n-1...    even 偶数 odd奇数

  根目标    :root{
             }

            :focus{} 获取焦点 一般用在input

 否定伪类选择器：
                  选择器:not(否定的条件){
                修改的代码   
                }     /* 除了第一个不改，其他的全改 */

 示例： /* li:not(.box){
            color:red;
        } */
        li:not(:nth-child(2)){
            color:red;
        }

 目标伪类选择器：
          :target  谁获取到目标，就给谁添加样式  

 示例：div:target{
            background: red;
            display: block;
        }            

  关系选择器（层级选择器）：
            > 子选择器 后代
            + 相邻兄弟选择器 只作用于后面（同级）的第一个大兄弟
            ~ 通用选择器  作用于后面的所有的同级大兄弟