CSS的三大特性

CSS的三大特性

说出CSS样式冲突采取的原则

说出样式继承

写出css优先级的算法

计算常见选择器的叠加值

1后者居上

后面生成的 覆盖前面的，就近原则，哪个离得近 哪个优先实现。

2继承性

<style>
div{
  color:red;
  font-size:30px;
}
div{
  color:pink;
}
</style>
/*意义是 pink 覆盖了 red*/

3CSS优先级（重点）

权重计算公式

定义样式，两个同时

div{
color:red;
}
div{
color:pink
}

此时，选择器相同，优先级相同

如果选择器不同，则出现优先级的问题

标签选择器	权重计算
继承或※	0，0，0，0
每个元素标签选择器	0，0，0，1
每个类，伪类	0，0，1，0
id选择器	0，1，0，0
内联样式	1，0，0，0
!important	最高，在样式属性后面添加，权重最高

权重叠加

交集选择器，后代选择器是有多个基础选择器组合而成，此时出现权重叠加

div ul li >0,0,0,3

.nav ul li>0,0,1,2

a:hover>0,0,1,1

如果权重相同，则根据层叠性 就近原则

继承的权重为0