我正在使用Google Chrome浏览器的元素检查器检查网页上的h2
元素,并且似乎已应用的某些CSS规则显示为灰色。删除线似乎表明一条规则已被覆盖,但是样式变灰意味着什么?
最佳答案
对我来说,当前的答案并不能完全解释问题,所以我添加了这个答案,希望对其他人有用。
文字变灰/变暗,可能表示
遗产
注意:Chrome开发人员工具的“样式”面板将显示一个规则集,因为该集中的一个或多个规则已应用于当前选定的DOM节点。
我想,出于完整性考虑,无论是否应用,开发人员工具都会显示该集合中的所有规则。
如果由于继承而将规则应用于当前选择的元素(即该规则应用于祖先,并且所选元素继承了该规则),则chrome将再次显示整个规则集。
应用于当前所选元素的规则以普通文本显示。
如果该规则中存在一个规则,但由于它是不可继承的属性(例如背景色)而未应用,则该规则将显示为灰色/灰色文本。
这是一篇提供了很好解释的文章-(注意:相关元素在文章的底部-图21-不幸的是相关部分没有标题)-http://commandlinefanatic.com/cgi-bin/showarticle.cgi?article=art033
文章摘录
关于css - 当Chrome的元素检查器中的CSS规则变灰时,这是什么意思?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3265555/