浅谈CSS特性

CSS的三大特性

1.层叠性

CSS的层叠性是指当一个元素被同时定为两个样式时,离元素最近的样式便是该元素的样式,也可理解为后来者居上。

eg:div{

color: red;

}

div {

color: green;

}

?
今天是个好天气
?

 

此时div的颜色便为绿色,哪个样式离的近就是该样式。

 

2.继承性

顾名思义,子元素会继承父元素的样式,但主要继承与文字相关的样式和颜色,即text-,font-,line-和color均可,其他不会继承。因为这一特性,也方便开发人员简化代码。

注:

行高的继承性:

例:浅谈CSS特性

浅谈CSS特性

 

 

 

3.优先级

当同一个元素指定多个选择器时,优先级也随之产生。

各选择器优先级如下:

选择器 权重

继承或*(通配符选择器) 0,0,0,0

标签选择器 0,0,0,1

类选择器和伪类选择器 0,0,1,0

ID选择器 0,1,0,0

行内样式,即style=“” 1,0,0,0

!important (重要的) 无穷大

①当优先级相同时,则执行层叠性。

②当选择器不同时,则根据优先级权重执行。

③继承的权重是0,若子元素没有被选中,无论父元素权重多高,子元素的权重均为0

④复合选择器权重会叠加

例:ul li {

color:green;

}

其权重为 0,0,0,1+0,0,0,1=0,0,0,2

⑤权重不进位(不符合二进制运算)

 

浅谈CSS特性

上一篇:排除Kubernetes故障,只需3步


下一篇:http与https