css——权重叠加

权重叠加

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

css——权重叠加

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

css——权重叠加

结果是

css——权重叠加

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

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

1 < 10 < 100 < 1000 < 10000

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