1、层叠性:设置相同属性时,后面的覆盖前面的
2、继承性:后代自动继承祖先元素的样式。
注意:只能继承color/font/text/line开头的属性,背景边框定位相关的不能继承
3、优先级:id>类>标签>通配>继承>浏览器默认
判断规则:
1)间接选中(继承),就近原则
2)直接选择,并且是同类型选择器,后面的覆盖前面的
3)直接选中,但是又多种类型的选择器,利用权重计算方法
权重计算规则:
行内样式1000;id100;class/属性/伪类10 标签/伪元素1 通配符0
*先比较id个数
*个数相同,比较class个数
*个数相同,比较标签个数
*标签个数相同,哪个在后面就显示哪个
样式最后有!important,元素会获得最高的优先级。实际开发中尽量避免使用。