CSS三大特性

CSS三大特性

CSS有三种特性：层叠性、继承性、优先级。

（一）层叠性

相同选择器给设置相同 的样式，此时样式就会覆盖另一个冲突样式。

原则：

1.样式冲突，就近原则，由上到下读取

2.不冲突样式不会叠加

（二）继承性

子标签会继承父标签的某些样式，比如文本颜色和字号

注意：

1.继承关系可以简化代码

2.子元素可以继承父元素的样式（text-，font，line-，color）

（三）优先级

选择器权重：

选择器	选择器权重
继承或*	0.0.0.0
元素选择器	0.0.0.1
类选择器，伪类选择器	0.0.1.0
ID选择器	0.1.0.0
行内样式style=""	1.0.0.0
!important重要的	无穷大

优先级注意：

1.由四组数字组成，不可以进位

2.从前往后比

3.继承权重是0，如果该元素没有被直接选中，则不管父类权重的高低，子类得到权重都是0

权重叠加：

如果有复合选择器，则会有权重叠加，需要计算权重