Chrome 是如何对 CSS 规则进行分类的? [复制]

Posted

技术标签:

【中文标题】Chrome 是如何对 CSS 规则进行分类的? [复制]【英文标题】:How does Chrome categorize CSS rules? [duplicate] 【发布时间】:2015-11-21 20:35:38 【问题描述】:

Chrome 网络检查器至少有 3 种显示 CSS 规则的方式。

正常,正常,有一条线,不透明。这是3的图片。

【问题讨论】:

附带说明:还有第 4 个状态,触底,呈灰色。它用于未知且因此未应用的规则,您会看到它们主要是因为其他浏览器的浏览器特定 css。 【参考方案1】:

如果我没记错的话,我相信这意味着它继承自父元素。删除线意味着它被另一种样式覆盖。

【讨论】:

以上是关于Chrome 是如何对 CSS 规则进行分类的? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何仅将特定的 CSS 规则应用于 Chrome?

CSS 选择器权重计算规则

在 Chrome 中编辑 CSS 规则时不要突出显示 HTML 区域

如何使用 Chrome 调试器与 @font-face 定义进行交互?

是否可以找到导致规则在 Chrome 检查器中显示为灰色值的父 CSS?

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