编辑 CSS 过滤器

规则视图 中,CSS 过滤器 属性旁边有一个圆形的灰色和白色色块。

../../../../_images/click_to_edit_filter.png

点击色块会打开一个过滤器编辑器。

../../../../_images/css_filter_edit.png

过滤器编辑器将该过滤器执行的每个效果都列在单独的行上。您可以编辑这些行,单独删除它们,或拖动效果以更改应用它们的顺序。

您还可以通过从对话框底部的下拉列表中选择一个效果来添加新的效果。选择要添加的效果后,点击下拉列表右侧的加号 (+)。

../../../../_images/edit_filter_settings.png

添加效果后,输入所需的设置,然后按 Enter 更新效果。更改将在您按下 Enter 后立即生效。

保存过滤器预设

从 Firefox 42 开始,您还可以将过滤器添加到预设列表中。预设列表将在浏览器会话之间保留,方便您将来应用这些设置。您可以将当前过滤器保存到预设列表。

  1. 点击编辑过滤器,通过点击如下所示的图标显示预设列表。

  2. 输入预设的名称,然后点击加号将其添加到预设列表中。

../../../../_images/filter_presets.png

然后,您可以将保存的过滤器应用于新元素。要应用其中一个保存的预设,请在列表中点击其名称。