如何从 CS 表中过滤掉不需要的 CS 样式？答案

【问题标题】：How do I filter unwanted CS styles from CS sheet?如何从 CS 表中过滤掉不需要的 CS 样式？
【发布时间】：2011-04-06 16:16:08
【问题描述】：

我有一个带有外部 css 表的 web 2 模板。我想更改它的布局，但保留文本/按钮样式/和部分布局。我面临的主要问题是找出哪些是我需要保留在 css 文件中的类，哪些是要删除它的类。实际上，样式表中定义了很多类。

如何从样式表中删除不需要的类和 id？有没有更好的方法，而不是物理地遍历每个类并将其与网页源代码进行比较？

我正在使用 Adobe dreamweaver CS5 进行网页设计。

【问题讨论】：

标签： css web stylesheet

【解决方案1】：

您可以尝试Dust Me Selectors FF 插件，它会为您完成工作。

您也可以谷歌搜索更多信息。 IE。 this post

【讨论】：

【解决方案2】：

如果我在你的情况下，我会为 Firefox 使用 Firebug 插件。打开页面并检查您想要保留其样式的按钮元素，并注意哪些 CSS 规则应用于它们。保留这些规则并删除其他类和样式。

Firebug 非常棒，因为它可以准确地告诉您哪些规则适用于一个元素，如果您只是查看 CSS 标记本身，可能很难辨别。

【讨论】：

【解决方案3】：

使用Dust-Me Selectors

Dust-Me 选择器是 Firefox 扩展（适用于 v1.5 或更高版本）查找未使用的 CSS 选择器。

它从所有中提取所有选择器您所在页面上的样式表查看，然后分析该页面以看看哪些选择器不是用过的。然后存储数据，以便在测试后续页面时，选择器可以从列表中划掉当他们遇到时。

您可以单独测试页面，或者蜘蛛整个网站，你会结束列出哪些选择器的配置文件不在任何地方使用。

【讨论】：