一、层叠性
概念:如果发生了样式冲突,就会根据一定的规则(选择器优先级),进行样式的层叠。
二、继承性
概念:元素会自动拥有其父元素、或祖先元素上所设置的某些样式
规则:优先继承离得近的
常见的可继承属性,参照MDN网站,可查询属性是否可被继承
text-??,font-??,line-??,color
三、优先级
简单来说:!important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > * > 继承的样式
详细来说:需要计算权重
计算权重时需要注意:并集选择器的每一个部分时分开算的