CSS 选择器与层叠：练习答案

规则为什么没有生效

先在 Network 确认样式表请求成功，再在 Styles 面板确认选择器是否命中元素。命中后被划掉的声明仍然有效，只是在层叠阶段输给了更高来源、层、特异性或后出现的声明。修复顺序应是确认目标、确认属性、确认层和特异性，最后才考虑 !important。

选择器与特异性

p、.notice、#app .notice 的匹配集合和特异性不同。保持同一层与来源时，ID 列先比较，再比较类/属性/伪类列，最后比较类型/伪元素列；不能把三列相加。优先把高特异性规则改成组件类或层叠层，而不是继续增加嵌套。

状态与继承

键盘测试应看到 :focus-visible，不能只测试 :hover。color: inherit 取父值，initial 取属性初始值，unset 按属性是否可继承决定，revert 回到更早来源。Computed 面板中的最终值和来源是答案证据。