从内容中删除样式

如果希望从使用类选择器、ID 选择器或级联样式的内容中删除该样式,可以使用“应用样式”任务窗格来删除当前网页中该样式的一个实例或所有实例。也可以使用“样式”工具栏从内容中删除类或 ID 选择器。从网页的内容中删除样式只是删除网页中对该样式的引用,而不会从外部或内部 CSS 中删除该样式,因此可以继续对其他内容应用同一种样式。

因为元素选择器会自动应用到关联的 HTML 元素,所以不能从网页的特定内容中删除元素选择器。“应用样式”任务窗格会在“上下文选择器”标题下列出元素选择器,并在它们旁边标上一个蓝色的点 Cc295506.69a199aa-4b7a-4713-ba75-2837bdcfa759(zh-cn,Expression.10).gif。如果希望在整个网页中停止使用某元素选择器,可以从 CSS 中删除该样式。如果只想停止使用某元素选择器的某些实例而不是所有实例,可以设计一个新类或 ID 选择器来替代该元素选择器。

Cc295506.alert_tip(zh-cn,Expression.10).gif提示:

为了帮助您识别正在使用的样式,“应用样式”任务窗格会在当前网页中使用的样式旁边显示一个彩色圆点 Cc295506.93ed2242-d3a9-4228-8e01-b114ce38a04c(zh-cn,Expression.10).gif,并用一个圆圈 Cc295506.539c7c1e-1c2d-438b-9400-0c3782606e19(zh-cn,Expression.10).gif 环绕该圆点。将光标移到内容中或选中内容时,“应用样式”任务窗格会在该内容所使用的每种样式周围显示一个实心的矩形边框。

从网页中删除样式的一个实例

  1. 在网页的“设计”视图或“代码”视图中,将光标移到要删除样式的内容中,或者选择该内容。

  2. 执行下列操作之一:

    • 若要删除类选择器、ID 选择器或级联样式,请在“应用样式”任务窗格中,指向要删除的样式,单击向下箭头,然后根据选择器的类型(类、ID 或级联),选择“删除类”、“删除 ID”或“删除级联样式”。

    • 若要删除类选择器或 ID 选择器,请在“样式”工具栏上的“类”或“ID”框中,清除该样式名。

从网页中删除样式的所有实例

  1. 打开网页,然后执行下列操作之一:

    • 在“应用样式”任务窗格中,指向要删除的样式,单击向下箭头,再选择“选择全部 # 个实例”。

    • 在“管理样式”任务窗格中,右键单击要删除的样式,再单击快捷菜单上的“选择全部 # 个实例”。

  2. 在“应用样式”任务窗格中,再次指向该样式,单击向下箭头,然后根据选择器的类型(类、ID 或级联),选择“删除类”、“删除 ID”或“删除级联样式”。

从选中内容删除所有类和级联选择器

  1. 在网页的“设计”视图或“代码”视图中,将光标移到要删除样式的内容中,或者选择该内容。

  2. 在“应用样式”任务窗格的“选择要应用的 CSS 样式”之下,单击“清除样式”。

    Cc295506.alert_tip(zh-cn,Expression.10).gif提示:

    若要从选中的内容删除所有样式和 HTML 格式,请在“格式”菜单上,单击“删除格式”。

另请参见

概念

删除级联样式表中的样式

附加或取消外部级联样式表

“应用样式”任务窗格