CSS 标签权重判断的方式

CSS权重

概念：去计算CSS选择器的优先级大小，即权重，谁的选择器权重大，css就表现谁的属性，条件 必须是对同一个html 标签的同一个属性进行设置时 才出现优先级问题，才需要去比较优先级，即权重大小。(若权重值一样，谁写在后面就用谁的属性)

 

方法一： ①加法

• 原理每种css选择器的权重值不一样，然后那么我们可以将选择器的权重值进行相加，再进行比较

• 分配，

  • id选择器权重值100.

  • class选择器权重值10.

  • 标签选择器权重值 1.

  • 伪类选择器权重值为1.

• 比较

  • 例如：.box#myspan 和 p#myspan

    .box#myspan :100+10=110

p#myspan: 1+100=101

• body div p span:4

    <style>
          .box{
        color: red;