在有多个css样式文件时 如有重复的class 优先级是怎么决定的()
admin
2023-05-15 02:12:56

相机,徕卡CL,
其实CSS是遵循一套算法判断优先级的:

CSS优先级包含四个级别(行内选择符、ID选择符、类选择符、元素选择符)及各级别出现次数(根据次数计算优先级)。
每种样式都对应有四个值:a,b,c,d
每个行内样式,加1,0,0,0,
每个ID样式,加0,1,0,0
每个类样式、属性样式、伪类样式,加0,0,1,0
每个元素样式、伪元素样式,加0,0,0,1
每组中的四个值对应相加,再从左到右,比较每个CSS规则得到的四个值大小,大的优先级较高,
注:
1、!important声明的优先级最高。冲突则计算。
2、优先级相同时,就近原则。
3、继承的样式,其优先级最低。 最靠近这个元素的样式才是这个元素最终显示出来的样式 按照加载顺序觉得。 一样的class中 同样的属性后边的会覆盖前边的 看你先加载哪个css文件

相关内容

热门资讯

拼多多上的手机是正品吗?怎么买... 拼多多平台上面的产品各式各样,有食品,有服饰,有手机电脑等等,有一些朋友买一些生活用品是比较放心的,...