css - Chrome 开发工具 : Why sometimes a dominating CSS rule is crossed-out?

Question

通常，交叉规则意味着它在某处被其他规则覆盖，但在开发工具中，我时不时地看到一个主要的 CSS 规则被划掉，这让我感到困惑。见上图。请注意，更改交叉线中的颜色实际上会影响页面上的元素。这是为什么？

Answer 1

在某些情况下，如果某个样式存在于匹配规则中但被注释掉，或者如果您通过在 Chrome 开发者工具中取消选中它来手动禁用它，则该样式将显示为删除线。如果样式有语法错误，它也会显示为划掉，但带有错误图标。