CSS层叠相关知识点层叠上下文
层叠上下文是什么？
层叠上下文是 HTML 元素的一种属性，它决定了元素在层叠顺序中的位置。可以想象页面的 HTML 元素是沿着一条 z 轴排列的，在一个层叠上下文中的元素，会按照基于层叠优先级进行 z 轴排序。
层叠上下文有哪些？
根元素(<html>)
定位元素(position 属性为 absolute、relative、fixed 或 sticky，z-index设置为auto会破坏absolute和relative的层叠上下文，即不会创建层叠上下文)
flex 元素(display: flex，z-index设置为auto会破坏flex的层叠上下文，即不会创建层叠上下文)
grid 元素(display: grid，z-index设置为auto会破坏grid的层叠上下文，即不会创建层叠上下文)
具有 opacity 属性小于 1 的元素
mix-blend-mode 属性不为 normal 的元素
以下任意属性不为 none 的元素：
transform
filter
backdrop-filter
clip-path
mask ...
值的比较在Javascript中，比较大小使用大于(>)、小于(<)、大于等于(>=)、小于等于(<=) 4个比较运算符，比较相等使用普通相等(==)和严格相等(===)
这里分成比较大小和比较相等，这两者是独立的，是两套独立的比较机制
先看一个例子，是不是很奇怪？看到后面就知道咋回事了
123null > 0 // falsenull == 0 // falsenull >= 0 // true
比较的结果都返回布尔值，要么true，要么false1232 > 1 // true3 == 1 // false2 != 1 // true
比较大小比较大小有以下几种情况
如果比较双方都是字符串，则根据它们所包含的 Unicode 码位的值，将它们作为字符串进行比较。会按照下面的方式进行比较1.比较两个字符串的首位字符大小2.如果这两个字符大小不相等，比较结束3.否则继续比较下一位4.重复上述比较，直到有一个字符串到达最后一个字符5.如果到达最后一个字符两者还相等，则判定两个字符串相等，否则还有剩余字符的字符串更大看几个例子
12' ...
