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

Question

3

通常情况下，一个被划掉的样式规则表示它被其他地方的规则覆盖了，但是在开发者工具中，有时会看到一些主导的CSS规则被划掉，让人感到困惑。请注意，改变被划掉的行中的颜色实际上会影响页面上的元素。为什么会这样呢？

- shenkwen

1

我认为你应该展示哪个CSS规则支配了这个交叉规则。它可能是一个媒体查询。 - Rajan Benipuri

可能是因为 !important 的缘故吗？也许有一个支配性的样式，所以它被划掉了，但由于 !important 的存在，它将占据主导地位。 - zgood

媒体查询，内联样式，另一个！important。 - roberrrt-s

2

为什么有时候人们会在没有给出具体的例子来展示不一致行为的情况下提出问题，并期望得到答案？您能否发布重现该问题的代码？ - smnbbrv

如果没有错误，那么它就不是最主要的选择器。 - Ron van der Heijden

这可能不是一个很好的例子，但我相信点赞的三个人之中有和我一样遇到过这个问题的。如果我找到更有说服力的例子，我会更新这个主题。 - shenkwen

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ben Bynum · Answer 1

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