一  css的选择器种类   

     1  权重   css的样式具有继承性

         内联样式> id  >  类选择器  >  标签选择器

      同一个层次，后面的大于前面的

     2 派生选择器

     p.class1  这个意思就是，这个class的类选择器，只会在p标签中起作用  权重属于内联样式

     .class1 p  这个意思就是，这个class必须是p的上级（多个），才会对p产生影响

     .class2+p   这个意思就是，只有与class2相邻的p才会发生变化，并且上一级也必须是相应的标签才可以

     .class3~p    这个就是针对上面的，这是class后面的所有的同一级别都会受到影响的

     3  属性和值选择器

     input[type="button"]

     {

      width:120px;

     margin-left:35px;

     display:block;

     font-family: Verdana, Arial;

     }

      此类选择器主要用于改变默认格式

     4 简单选择器   其本质与用途同上面是一致的

      *[title] {color:red;}

       a[href] {color:red;}   只要是他就变化     a[href^='aaa']{color:red;}   以aaa开头的才会变    a[href$='aaa']{color:red;} 以aaa结尾的才会变

     5 子选择器    只有这爷俩在一起的时候，就是相邻的时候  才会起作用    

        h1 > strong {color:red;}  p > .class4

     6 a：link      ：link  这些均是伪类，也是用来设定固定格式的（a标签，书写的时候，要强调的爱恨原则的）

     7 新增加选择器

       p:nth-child(n)   这表示是其父元素的第几个标签，并且是p标签，直接从上往下找，就可以了　

       p:nth-last-child(n)　这表示是其父元素的倒数第几个标签，并且是p标签

       p:nth-ofo-type（n）  这个的意思是，是其父元素的第几个p标签

       p:nth-last-ofo-type（n）这个是倒数

       p:first-child  父标签的第一个标签，且为p标签

       p:last-child   父标签的最后一个标签，且为p标签

       p:first-ofo-type 是其父标签的第一个p标签

       p：last-ofo-type  是其父标签的最后一个p标签

       child：满足   1   第几个   2 且为相应的标签

       ofo-type   第几个相应的标签就可以了