热门关键字:
jquery > jquery教程 > html5 > HTML连载28-标签的权重

HTML连载28-标签的权重

600
作者:管理员
发布时间:2020/3/10 15:22:14
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=1010

  一、什么是优先级的权重

  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;

  }






如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:HTML
友荐云推荐