欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  一、什么是优先级的权重
 
  1.作用:当多个选择器混合在一起的时候,我们可以通过计算权重来判断谁的优先级最高。
 
  2.权重的计算规则
 
  公共代码:
 
  <body>
 
  <divid="identity1"class="box1">
 
  <ul>
 
  <li>
 
  <pid="identity2"class="box2">试炼语句</p>
 
  </li>
 
  </ul>
 
  </div>
 
  </body>
 
  (1)首先计算选择器中有多少个id,id多的选择器优先级最高;
 
  例子:
 
  #identity1.box2{
 
  color:red;
 
  }
 
  .box1.box2{
 
  color:blue;
 
  }
 
  (2)如果id选择器同样多,那么类选择器多的优先级高
 
  .box1.box2{
 
  color:blue;
 
  }
 
  divullip{
 
  color:purple;
 
  }
 
  (3)如果类名的个数也一样多,那么标签个数多的个数多的优先级高
 
  #identity1ul{
 
  color:red;
 
  }
 
  #identity1ullip{
 
  color:purple;
 
  }
 
  (4)如果上述三条全都一样,那么谁在后面听谁的
 
  #identity1ulli{
 
  color:blue;
 
  }
 
  #identity1ulp{
 
  color:red;
 
  }
 
  3.注意:只有选择器是直接选中标签的才需要计算
 
  #identity1{
 
  color:blue;
 
  }
 
  p{
 
  color:red;
 
  }

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h56482.shtml