CSS：CSS层叠性，基础优先级，优先级权重

CSS层叠性：

如果权重高，则覆盖另一个属性；

如果权重相同，使用就近原则；

 

基础优先级：

！important

是提高单行样式的语法，空格和css属性值隔开 进行书写

！important>行内>内部=外部>id选择器>类选择器>标签选择器>*通配符>继承>浏览器默认继承

*font具有继承性

 

优先级权重：

复合选择器权重计算，需要先拆分，将每一个权重加起来；

比较权重计算 ，从左到右一次比较如果出现相等，就继续比较下一项，如果已经比出大小，大的权重就高

权重顺序：

内联样式>ID选择器>类>元素选择器和伪元素选择器>通配符，子选择器，兄弟选择器>继承样式（没有权值）

 

权值计算：

(1)内联样式,如: style=",权值为1, 0, 0, 0。
(2) ID选择器，如: #content, 权值为0, 1, 0, 0。
(3)类,伪类和属性选择器，如.content E:link E[attr], 权值为0, 0, 1, 0。
(4)元素选择器和伪元素选择器，如divp ::before, 权值为0，0, 0, 1。
(5)通配符、子选择器、兄弟选择器等的。如*、不+,权值为0, 0, 0, 0。
(6)继承的样式没有权值。!important的权重最高