font-family是继承的.如何在chrome开发人员窗格中找到font-family？
Ant*_*ong 19 css google-chrome font-family
在Chrome的开发人员窗格中,我可以看到元素的这些css设置.
据我所知,每一个font-family值都是继承的.
如何找到字体系列的实际值？我如何跟踪来自继承层次结构的root font-family值的定义？
Raf*_*yng 28
Developer Tools > Elements > Computed > Rendered Fonts
您附加到问题的图片会显示Style标签.如果更改为下一个选项卡,则Computed可以检查"渲染字体",该字体显示实际呈现的字体系列.
的inherit值,当使用时,意味着该属性的值被设置为父元素的相同的属性的值.对于根元素(在HTML文档中,对于html元素),没有父元素; 根据定义,使用的值是属性的初始值.为CSS规范中的每个属性定义初始值.
该font-family属性是特殊的,因为初始值在规范中不固定,但定义为依赖于浏览器.这意味着使用浏览器的默认字体系列.该值可以由用户设置.
如果从根元素到当前元素存在连续的元素链(在父子关系的意义上),所有在任何样式表中都font-family设置为inherit或者根本没有设置(这也会导致继承),那么字体是浏览器的默认值.
然而,这是无趣的.如果您根本不设置字体,将使用浏览器默认值.您真正的问题可能会有所不同 - 您似乎正在查看构成浏览器样式表的样式表部分.可能还有其他更有趣的样式表会影响这种情况.