要查看所选元素的 CSS 属性列表,您可以打开 CSS 面板并切换到计算出的样式属性标签。只有在选择单个元素后,您才能看到计算出的样式。
如果某个属性是由规则设置的,则该属性名称旁边会显示一个箭头。点击该属性即可查看相应规则以及该规则指定的值。
- 如果同一个属性受多个规则的影响,那么系统会显示主导规则。
- 如果您想更改该属性,请点击规则选择器名称以切换到样式标签,直接跳到该规则进行修改。在“计算出的样式属性”标签中无法修改 CSS。
过滤
您可以过滤“CSS”面板中显示的属性列表。
预定义过滤条件
从下拉菜单中选择预定义的过滤条件:
- 全部 - 查看所有属性,包括设为默认值的属性。
- 摘要 - 查看通过匹配规则明确定义的属性(这是默认视图)。
- 字体 - 查看与字体相关的属性。
- 背景 - 查看与背景相关的属性。
自定义过滤条件
要应用您自己的过滤条件,请点击放大镜图标 ,然后在过滤属性字段中输入属性名称的一部分。由于自定义过滤条件会与已应用的预定义过滤条件叠加发挥作用,因此您应该选择全部作为预定义过滤条件,这样才能将自定义过滤条件应用于所有属性。