Chrome开发者工具Element style里的Computed标签页

View only the CSS that’s actually applied to an element

根据Chrome开发者工具文档介绍,styles标签页里显示的是所有施加到一个HTML element的CSS rules,包含被overriden过的rule. 如果对这些被覆盖的rule不感兴趣,可以切换到computed标签页,这里只列出真正生效的rule.

The Styles tab shows you all of the rules that apply to an element, including declarations that have been overridden. When you’re not interested in overridden declarations, use the Computed tab to view only the CSS that’s actually being applied to an element.

Chrome开发者工具Element style里的Computed标签页