首页 > 代码库 > css选择器

css选择器

一  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

 

        

       

 

css选择器