我正在检查一个h2使用 Google Chrome 的元素检查器和一些 CSS 规则（似乎已应用）的网页上的元素显示为灰色。看起来删除线表示规则被覆盖，但是当样式变灰时意味着什么？
对我来说，当前的答案没有充分解释这个问题，所以我添加这个答案，希望对其他人有用。
灰色/变暗的文本可能意味着either
- 它是浏览器应用的默认规则/属性，其中包括默认的速记属性。
- 它涉及到继承，这有点复杂。
遗产
注意：Chrome 开发工具的“样式”面板将显示一个规则集，因为该集中的一个或多个规则正在应用于当前选定的 DOM 节点。
我想，为了完整起见，开发工具显示了该集中的所有规则，无论它们是否应用。
如果由于继承而将规则应用于当前选定的元素（即规则应用于祖先，并且选定的元素继承了它），chrome 将再次显示整个规则集。
应用于当前选定元素的规则以普通文本显示。
如果该集中存在规则但由于它是不可继承的属性（例如背景颜色）而未应用，则它将显示为灰色/变暗的文本。
这是一篇给出了很好解释的文章 - （注意：相关项目位于文章底部 - 图 21 - 不幸的是相关部分没有标题） -http://commandlinefanatic.com/cgi-bin/showarticle.cgi?article=art033
文章摘录
这种[继承场景]有时会造成一些混乱，因为默认
速记属性；图 21 说明了默认的简写
字体属性以及非继承属性
特性。只要注意你正在查看的上下文即可
检查要素。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
