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

---

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

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

我认为您还应该显示哪个CSS规则支配这个划线规则。可能是媒体查询。可能是因为

！重要信息

？也许有一种支配性的风格，所以它被划掉了，但是因为！重要的是，这将需要dominanceMedia查询、内联样式和其他！重要的是，为什么有时人们在看到不一致的行为并期望得到答案的情况下，不给出具体的例子就提出问题？你能发布再现问题的代码吗？如果不是错误，它就不是最主要的选择器。