Question

我经常使用开发人员工具来测试实时CSS更改但是今天我第一次看到我正在查看的页面上的样式部分是灰色的（背景是灰色的，而不是文本）和不可编辑。我只能选择修改特定的，单数元素的样式而不是元素组。

是什么导致这种情况发生？

Answer 1

每个浏览器都有一组预定义的样式，用作渲染网页时的初始基点。这些样式通常称为用户代理样式。在Chrome Dev工具中，这些样式用灰色背景表示。

了解行动

要查看此操作，请按：

您应该在该窗格中看到以下定义的样式：

element.style {
}
head {                           user agent stylesheet
    display: none;
}

为head定义的样式是初始用户代理样式表的一部分，并由您在上面提到的灰色背景表示。