css继承，层叠，优先级

css继承

父元素设置样式后，子元素会从父元素那去继承部分相应的样式。减少css设置。

层叠

• 可以定义多个样式
• 不冲突时多个样式可以层叠
• 冲突时，按不同样式规则优先级来应用样式。

css使用方法的优先级

• 行内样式>内部样式>外部样式
  link链入外部样式和style内部样式优先级取决于他们的位置

样式表中优先级

• id选择器>class选择器>标签选择器>通配符
• 同类样式多次引用，样式列表中后定义的优先级高。
  注意：链入外部样式表于内部样式表之间的优先级取决于所处位置的先后。最后定义优先级最高。（就近原则）

样式表的优先级 根据权值决定

同一样式表中

• 权值相同
  就近原则
• 权值不同
  权值越高，就使用哪个。

image.png

权值计算示例

image.png

!important规则 优先级最高

• 可调整样式规则的优先级
• 添加在样式规则之后，中间用空格隔开

div{color:red  !important}