Chrome开发工具：为什么有时一个主导的CSS规则被划掉？

Question

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

Answer 1

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