css——权重叠加

权重叠加

在下面的一段代码中,第一个样式body b有两个标签,第二个有一个标签b.两个中都有color,会应用哪一个呢?果是

那下面的代码会显示什么样的结果

结果是

应用的事body b中的color。原因是权重不同,把优先级以权重来表示

比如:标签<类选择器<id选择器<行选择器<important

1  <    10      <  100     <    1000    <  10000

在上面的例子中,b为1,body b为1+1=2,所以body b优先于b

原文地址:https://www.cnblogs.com/ellen-mylife/p/10933172.html