作者:杭ai君浩 | 来源:互联网 | 2022-12-03 14:12
我正在清理一些旧的CSS,我不确定我是否已注释掉或删除了所有相互冲突的规则.该项目使用大量的CPU进行渲染,这就是为什么我会询问看起来像是一个相对较小的优化.
例如,如果我有这样的CSS,浏览器会花时间在规则上color: red
吗?
span {
color: red;
color: black;
}
是否在同一块(上面)中覆盖的处理方式与下面不同:
span {
color: red;
}
span {
color: black;
}
有没有一个很好的资源我可以参考从CPU/GPU角度处理规则的确切方式?关于如何应用CSS规则的高级别有很多信息,但我想知道冲突规则有多大区别.在我的情况下,我可能忽略的冲突规则通常比上面给出的简单示例复杂得多,涉及多个选择器,渐变,阴影等.