首页 > Web开发 > 详细

CSS三大特性:层叠 继承 优先级

时间:2020-09-27 21:47:38      阅读:32      评论:0      收藏:0      [点我收藏+]

层叠性:

如果一个属性通过两个相同选择器设置到同一个元素上,相同的属性就会出现冲突,那么这个时候一个属性就会将另一个属性层叠掉,采用的是就近原则

继承性:

子标签会继承父标签的某些样式 一般以font-,line-,color,text-,list-,都能继承 
备注 : a标签不能继承字体颜色,h标签不能继承字体的大小

优先级 :

id 权重 0 1 0 0 
class/伪类 权重 : 0 0 1 0 
类型选择器 权重 : 0 0 0 1 
统配符选择器权重 : 0 0 0 0
行内样式 权重 : 1 0 0 0
复合选择器权重 :组成单个选择器的权重之和

注意 : 群组选择器权重是 各自的权重

!important可以进行提权 ,放在属性值的后面,比行内样式的权重还高 (一般不使用)
权重的相同时,css 遵循就近原则。

豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com

注意:当使用复合选择器时,低级的选择器权重加起来大于高级选择器时,页面执行的任然是高级选择器

例: 比如类型选择器p  当有11个p复合时,类选择器 为0 0 1 0,这时复合选择器的权重为 0 0 0 11,并不会大于类选择器。

CSS三大特性:层叠 继承 优先级

原文:https://www.cnblogs.com/qianxiaox/p/13740658.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!