我正在使用Google Chrome的element inspector检查网页上的h2元素，一些CSS规则（似乎已应用）显示为灰色。看起来，删除表示规则被覆盖，但当样式灰显时，这意味着什么
对我来说，目前的答案没有充分解释这个问题，所以我添加了这个答案，希望对其他人有用
灰色/暗显文本，可以表示或
- 这是浏览器应用的默认规则/属性，其中包括默认的速记属性
- 它涉及到更复杂的继承
继承权
注意：Chrome开发工具“样式”面板将显示一个规则集，因为该规则集中的一个或多个规则正在应用于当前选定的DOM节点。
我想，为了完整起见，开发工具显示了该集合中的所有规则，不管它们是否被应用
如果由于继承而将规则应用于当前选定的元素（即，该规则应用于一个祖先，而选定的元素继承了它），chrome将再次显示整个规则集
应用于当前选定元素的规则以普通文本显示
如果该集合中存在某个规则，但由于该规则是不可继承属性（例如背景色）而未应用该规则，则该规则将显示为灰色/暗显文本
这里有一篇文章给出了很好的解释-（注意：相关项目在文章的底部-图21-不幸的是，相关部分没有标题）-http://commandlinefanatic.com/cgi-bin/showarticle.cgi?article=art033
文章节选
这种[继承场景]有时会造成一些混乱，因为默认情况下
速记属性；图21显示了默认的速记
字体属性以及非继承属性的属性
财产。只是要知道你在什么时候看到的环境
检查元素