CSS高级选择器与级联体系
考察知识点
- CSS选择器优先级与权重计算：ID、类、元素选择器权重层级，复合选择器权重计算方法
- !important规则的使用与注意事项：优先级层级、合理使用场景、冲突解决机制
- 否定伪类选择器(:not)：语法特性、权重计算、应用场景、性能考量
- CSS级联规则与层叠上下文：层叠上下文创建条件、z-index隔离特性、层叠顺序七层级
内联样式（style属性）的权重高于所有CSS选择器定义的样式，只有!important可以覆盖内联样式。
:not伪类选择器比普通类选择器性能开销更大，应避免在大型项目中使用。
只有设置了position属性（值为relative、absolute、fixed、sticky）的元素才能使用z-index控制层叠顺序。
CSS选择器:not(.active)的权重是多少？
CSS中!important的作用是什么？
以下CSS选择器，哪个权重最高？
页面有两个兄弟元素A和B，A设置了position: relative; z-index: 1，B设置了position: relative。A内部有子元素C设置了z-index: 9999。请问C能否显示在B上方？
CSS选择器优先级权重计算规则中，以下权重分配正确的是？
CSS层叠上下文（Stacking Context）的核心作用是什么？
will-change属性与层叠上下文的创建有什么关系？
当多个!important声明冲突时，CSS如何决定最终生效的样式？
关于CSS :not伪类选择器，以下哪些说法是正确的？
以下CSS选择器中，哪些属于B级权重（类/属性/伪类级别）？
以下哪些CSS属性或值会触发创建新的层叠上下文？
关于z-index和层叠上下文的关系，以下哪些说法正确？
CSS属性isolation: isolate的作用和使用场景是什么？
CSS :not伪类常用于选择"非"指定条件的元素，例如选择除最后一个元素外的所有元素可以用____________，选择没有disabled属性的按钮可以用____________。
CSS层叠顺序从下到上分为七个层级：背景和边框→____________→块级元素→____________→行内元素→____________→层叠上下文内部元素。
CSS优先级层级中，____________具有最高优先级，其次是____________，然后是内联样式，最后是选择器定义的样式。
CSS选择器#header .nav ul li a.active:hover的权重计算结果为：____________个A级权重（ID选择器）、____________个B级权重（类选择器和伪类）、____________个C级权重（元素选择器）。
