css三大特性

CSS 三大特性

css，层叠样式表

CSS层叠性

所谓层叠性是指多种CSS样式的叠加。

是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。

1.样式冲突，遵循的原则时就近原则

2.样式不冲突，不会层叠

CSS继承性 子承父业

所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。

适当使用，不可滥用，好处减低了css的复杂度，子元素可以继承父元素的哪些样式(color,text-,font-,line-)

CSS优先级

定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。

继承样式的权重为0，即在嵌套结构中，不管父元素的权重多大，被子元素继承是，权重都为0.

行内样式优先。行内样式权重相当高

权重相同时，层叠行，就近原则

css有一个命令 !important  优先级最大

CSS的特殊性(Specificity)

关于css 的权重，我们需要一套公式，就叫CSS的特殊性(Specificity)，我们称之为css特性或非凡性

css特性有四个数字组成，从左到右，左边最大，数位没有进制，级别之间不可超越
! important<每个元素贡献值<每个类，伪类<每个id<行内样式