Chrome开发工具在灰色背景上显示CSS规则。为什么?

Chrome开发工具在灰色背景上显示CSS规则。为什么?,css,google-chrome,Css,Google Chrome,我要说清楚的是,我不是在说一处房产被“灰化”或被划破;这是正常显示的整个CSS规则,但背景为灰色。其他应用的规则显示正常,没有灰色背景。有人知道灰色背景是什么意思吗 我提出这个问题的原因是,尽管属性没有变灰或划破,但规则似乎没有得到应用。我希望灰色背景是有意义的,而这种意义也许可以解释为什么这个规则没有被应用 编辑 我被告知我应该编辑这个问题,以明确为什么它不是上述问题的副本。我只能再说一遍,我不是在问那些灰白的房子;我问的是一个显示在灰色背景上的CSS规则。这就是我在上面的原始问题中指定的。如

我要说清楚的是,我不是在说一处房产被“灰化”或被划破;这是正常显示的整个CSS规则,但背景为灰色。其他应用的规则显示正常,没有灰色背景。有人知道灰色背景是什么意思吗

我提出这个问题的原因是,尽管属性没有变灰或划破,但规则似乎没有得到应用。我希望灰色背景是有意义的,而这种意义也许可以解释为什么这个规则没有被应用

编辑
我被告知我应该编辑这个问题,以明确为什么它不是上述问题的副本。我只能再说一遍,我不是在问那些灰白的房子;我问的是一个显示在灰色背景上的CSS规则。这就是我在上面的原始问题中指定的。如果您查看该问题的公认答案,您将看到用户询问的是灰色CSS属性(否则他为什么会接受该答案?
是否有人可以删除“重复”引用

根据:

对于当前选定的DOM节点,此窗格显示适用于此节点的所有样式。灰色背景的样式是只读的,其余的是可编辑的

旧网站建议我访问,但唯一看起来相似/相关的语言不太清楚:

在“样式”窗格中实时编辑样式特性名称和值。除灰显的样式(如用户代理样式表)外,所有样式都是可编辑的


因此,这些灰显的样式是不可编辑的,我猜是因为它们是用户代理样式表中这些元素的默认样式。

那些灰色背景的条目是不可编辑的,因为(重新打开):Chrome的devtools无法编辑动态创建的CSS规则(例如,通过方法)。

灰显框是否显示:“用户代理样式表"? 你能添加一张显示灰色方框的图片吗?@Paulie_D:让你怀疑这是否是他们在该问题下的评论中提出的同一个问题。编辑:不是。只是为了确认这确实不是上面提到的问题的重复。正如我明确指出的,这不是关于灰化的属性。这是显示在灰色背景上的css规则。图片现在附上。如您所见,一个标记为“用户代理样式表”,另一个标记为“style..style”。任何帮助,非常感谢。您指的是图像中的哪个灰色区域,是“用户代理样式表”还是“样式..样式”呢?@Paulie_D这是一个完全不同的问题。谢谢您的回答。很高兴知道这些样式是不可编辑的。但所讨论的规则是在外部样式表中定义的。我很想知道为什么这些样式a)不可编辑,b)未被应用。@moosefetcher为了确定为什么不应用规则,我们需要查看一个。但是,除非Chrome中有缺陷,否则如果没有被穿透,就会应用样式。无论是否应用样式,为什么规则(在自定义外部css文件中定义)被描述为style…style?我刚刚遇到了另一个这样的例子,我很想知道规则的行号,因为我想编辑它。为什么(以及在哪里)Chrome“隐藏”行号?@moosefetcher如果你有一个外部样式表,我不确定为什么Chrome会将它列为出现在
中的
元素中。您是通过
还是通过其他方法将其包括在内?但是如果你知道确切的样式和属性,你能在你的外部工作表中按住Ctrl+F键来找到行号/样式吗?好吧,它神秘地不再这样做了。是的,我肯定是的(我也给同事看了)。项目中的所有文件都位于开发服务器上。我找到了行号,编辑了规则。可预见的是,这不起作用。有时我讨厌网络开发。