Chrome 开发人员工具 CSS 文件中的某些样式变灰/不可编辑？

Question

我在 Chrome 开发人员工具中发现了很多关于灰色样式的问题，但没有一个能描述我的奇怪行为。我在 CSS 文件中有简单的类样式。出于某种原因，我可以编辑其中一个，但不能编辑另一个：

CSS文件：

.result {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}

.result_image {
    height: 80%;
    overflow: hidden;
}

.result_text {
    font-size: 13.6px;
    margin-left: 5px;
    font-weight: bold;
    height: 20%;
}

HTML：

<div class="result">
    <div class="result_image"><img src="..."></div>
    <div class="result_text">Some text</div>
</div>

正如您在屏幕截图中看到的，我可以编辑 div class="result_image"，但不能编辑 div class="result_text"。我认为这个问题与 Chrome 声称灰色样式来自样式标签有关，但两种样式都在文件“qb1.core.css”中。

Answer 1

好的，这似乎发生是因为我的 HTML/CSS 位于 iframe 中，并且我只重新加载 iframe。当我硬重新加载整个页面时，该类不再灰显。如果某些代码来自缓存，Chrome 可能会丢失上下文。