选择器的继承属性

CSS三大特性总结

#### 2.1 继承性

##### 2.1.1 概念

父元素向后代元素传递属性的机制。

##### 2.1.2、表现

后代元素会继承父元素的属性。

##### 2.1.3、总结常用可继承的属性

font-size、font-style、font-weight、font-family、font、text-align、text-indent、cursor、list-style等

##### 2.1.4、强制继承

每个CSS属性都接受这些值inherit,表示强制开启了继承”。

##### 2.1.5、作用

恰当地使用继承可以简化代码,降低CSS样式的复杂性。

#### 3.2、优先级

##### 3.2.1、概述

浏览器通过优先级来判断哪些属性值与一个元素最为相关,从而在该元素上应用这些属性值。

样式不冲突,优先级没有意义。当同一个元素有多个冲突声明的时候,优先级才会有意义。

##### 3.2.2、行内样式与选择器的优先级

概述:优先级是基于不同种类选择器组成的匹配规则。优先级就是分配给指定的 CSS 声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定。

>概述:选择器的权重表述为4个部分,比如0,0,0,0

>一个选择器的数值如下确定:

>

>(1)对于选择器中给定的各个ID属性值,加1,0,0,0

>

>(2)对于选择器中给定的各个类属性值、属性选择或伪类,加0,0,1,0

>

>(3)对于选择器中给定的各个元素和伪元素,加0,0,0,1

>

>(4)结合符和通配选择器对特殊性没有贡献.其特殊性为0,0,0,0

>

>(5)每个内联声明的特殊性都是1,0,0,0

**总结:**

复合选择器的权值计算方式为:组成其所有单一选择器的权重累加;同级之前比较个数,不同级别不可跨越。

##### 3.2.3、继承样式的优先级

概述:每一个直接作用于元素的 CSS 规则总是会接管/覆盖(take over)该元素从祖先元素继承而来的规则。

猜你喜欢

转载自blog.csdn.net/pbaiking/article/details/129234596