最近开发项目的时候因为应用了大量的CSS样式导致某些关于样式的优先级出现了问题,于是又回过头去翻别人的文章和W3C上关于CSS优先权重的计算方法,关于代码的测试,有兴趣的朋友可以按照计算方式单独编写代码进行测试,我这里就不写一堆堆了,单纯的从优先权重的计算方式来辨别下CSS
关于W3C标准中的计算 是将CSS的选择器分为四组 即 a b c d 每一个样式的缩写就成了 CSS{a,b,c,d} a表示内联样式 b是Id选择器 c是类元素 伪类以及其他一切非元素对象 d是元素
再确定哪条一条样式起作用的时候 参照的第一个原则是 a>b>c>d 比较的顺序就是 从左往右,可以理解为如果a 比较除了结果 就不再比较b 例如{0,6,3,3}和{1,3,3,3}总数上是第一条大 但是第二是一个内联样式 所以第二条起作用 第一条无效 以此类推 相继比较即可
除此之外还有几条规则 即同样的权重下 后面覆盖前面,这也可以理解为 同一个样式的简写声明中 同一个属性 如果你重复写了 那么后面的将覆盖掉前面的定义,如果有不明白或有不同看法的同学可以留言 欢迎讨论!
标签:
CSS2,样式优先级
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“CSS2中从优先权重的计算方式来辨别下CSS”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。