浅谈CSS特性

发布时间:2022-07-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了浅谈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特性全部内容,希望文章能够帮你解决浅谈CSS特性所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。