您现在的位置是：网站首页> 编程资料编程资料

CSS2中从优先权重的计算方式来辨别下CSSCSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题

2021-09-06 900人已围观

简介应用了大量的CSS样式导致某些关于样式的优先级出现了问题，我这里就不写一堆堆了，单纯的从优先权重的计算方式来辨别下CSS，感兴趣的朋友可以了解下

最近开发项目的时候因为应用了大量的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｝总数上是第一条大但是第二是一个内联样式所以第二条起作用第一条无效以此类推相继比较即可

除此之外还有几条规则即同样的权重下后面覆盖前面，这也可以理解为同一个样式的简写声明中同一个属性如果你重复写了那么后面的将覆盖掉前面的定义，如果有不明白或有不同看法的同学可以留言欢迎讨论！