前端面试题：CSS优先级、JavaScript执行机制与性能优化策略.pdfVIP

1、问123的颜色是？

123

：

首先，优先级顺序：

！important行内样式id选择器类选择器选择器通配符继承

在这道题目：

对于span有两种种影响样式的方式，

(1)继承自父div的color

而对于color而言，它受到类选择器和一个内联样式的影响，并且在这个内联样式中又

有一个！important，最为影响(！important内联类选择器)，这就使得div

的颜色为red,而作为其子元素的span也应该继承自父元素的color

(2)选择器span

但比较这两种影响，（1）作为样式继承的优先级为0,（2）作为选择器的优

先级为1，所以（2）的优先级以微弱优势高于（1），所以最终采用选择器定

义的green

2、问：控制台打印的结果是？

for(leti=0;i2;i++){setTimeout(function(){console.log(i)},100);}for(var

i=0;i2;i++){setTimeout(function(){console.log(i)},100);}

：

let作用域for循环时会绑定i状态值，所以