使用“CSS”面板查看计算出的样式

要查看所选元素的 CSS 属性列表,您可以打开 CSS 面板并切换到计算出的样式属性标签。只有在选择单个元素后,您才能看到计算出的样式。

如果某个属性是由规则设置的,则该属性名称旁边会显示一个箭头。点击该属性即可查看相应规则以及该规则指定的值。

  • 如果同一个属性受多个规则的影响,那么系统会显示主导规则。
  • 如果您想更改该属性,请点击规则选择器名称以切换到样式标签,直接跳到该规则进行修改。在“计算出的样式属性”标签中无法修改 CSS。

过滤

您可以过滤“CSS”面板中显示的属性列表。

预定义过滤条件

从下拉菜单中选择预定义的过滤条件:

  • 全部 - 查看所有属性,包括设为默认值的属性。
  • 摘要 - 查看通过匹配规则明确定义的属性(这是默认视图)。
  • 字体 - 查看与字体相关的属性。
  • 背景 - 查看与背景相关的属性。

自定义过滤条件

要应用您自己的过滤条件,请点击放大镜图标 Search icon,然后在过滤属性字段中输入属性名称的一部分。由于自定义过滤条件会与已应用的预定义过滤条件叠加发挥作用,因此您应该选择全部作为预定义过滤条件,这样才能将自定义过滤条件应用于所有属性。

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
865368120912798393
true
搜索支持中心
true
true
true
true
true
5050422
false
false