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