CSS 层叠确认

同一个属性匹配多条规则时，浏览器按什么顺序进行选择？

• 顺序 → 特异性 → 重要性
• 特异性 → 重要性 → 顺序
• 重要性 → 特异性 → 顺序
• 按文件名顺序

.btn.primary 的特异性是多少？

• 0,1,0
• 0,2,0
• 1,1,0
• 0,0,2

:where(.card) .title 的特异性是多少？

• 0,2,0
• 0,0,1
• 1,0,0
• 0,1,0

如果在媒体查询下方编写特异性相同的默认规则，会怎样？

• 媒体查询更强，因此总会胜出
• 两者都会应用，值会合并
• 默认规则胜出，因此移动设备上也会应用默认值
• 声明顺序错误，会产生解析错误

网格子元素变为 display: none 后，会怎样？

• 它会完全退出网格，后一个子元素向前补位
• 该网格单元会保持空白并保留位置
• 网格单元数会自动减少一个
• 其他子元素的位置保持不变

自定义属性与 SCSS 变量最关键的区别是什么？

• 编译结果速度更快
• 它在运行时仍然存在，可以只在子树中覆盖
• 它会对数字、颜色等进行类型检查
• 它支持更多旧版浏览器

继承得到的值与直接应用于该元素的规则冲突时，会怎样？

• 直接应用的规则始终胜出
• 特异性更高的一方胜出
• 继承值胜出
• 后声明的一方胜出

使用 !important 之前，不需要检查哪一项？

• 选择器是否匹配该元素
• 是否输给了其他规则
• 原因是特异性还是顺序
• 文件大小是否很大