CSS三大特性

CSS三大特性

1.层叠性

• 概念：如果发生了样式冲突，那就会根据一定的规则（选择器优先级），进行样式的层叠（覆盖）。

什么是样式冲突？ ——— 元素的同一个样式名，被设置了不同的值，这就是冲突。

2.继承性

• 概念：元素会自动拥有其父元素、或其祖先元素上所设置的某些样式。
• 规则：优先继承离得近的。
• 常见的可继承属性：

text-?? ， font-?? ， line-?? 、 color …

• 备注：参照MDN网站，可查询属性是否可被继承。

3.优先级

• 简单聊： !important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > * > 继承的样式。
• 详细聊：需要计算权重。

计算权重时需要注意：并集选择器的每一个部分是分开算的！