我正在使用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/

    10-09 08:19
    查看更多