每日3题(27)

2020/4/1

html:你知道什么是粘性布局吗？

css:判断第一行和第二行的颜色分别是什么？并解释为什么？

js:下面代码输出什么

html:你知道什么是粘性布局吗？

https://www.cnblogs.com/coco1s/p/6402723.html

css:判断第一行和第二行的颜色分别是什么？并解释为什么？

<style>
.red {color:red;}
.green {color:green;}
</style>

<div class="red green">第一行：颜色是什么？</div>
<div class="green red">第二行：颜色是什么？</div>

都是绿色。CSS 的覆盖顺序与标签内 class 定义的顺序无关，只与 style 中的顺序有关

js:下面代码输出什么

var a = 10;
(function () {
    console.log(a)
    a = 5
    console.log(window.a)
    var a = 20;
    console.log(a)
})()

// 1.变量提升 -> a:undefined
// 2.函数内a被赋值5,这里a不是window的a
// 3.window.a -> 10
// 4.函数内a被赋值20
// 5.a:20

---

题目来源