有没有任何实用程序可以帮助我重构 CSS

题

我正在使用一些CSS，至少可以说写得很差。我不是设计/CSS 专家，但我至少了解 C 在CSS中。虽然 VS-2008 内部的内置 CSS 支持比以前的版本有了很大改进，但它仍然不能完全满足我的要求。

我想知道是否有人知道一个好的程序或实用程序可以帮助我重构和清理我的 CSS，就像 ReSharper 允许使用 C# 所做的那样。

如果有一些功能就更好了：

解决方案

这 Dust-Me 选择器 Firefox 扩展可以扫描网站并告诉您使用了哪些CSS，哪些没有使用。删除未使用的 CSS 是重构的良好第一步。

我经常发现，当从网站中删除某些部分时，HTML 会被删除，但 CSS 不会。

其他提示

顶级风格很受欢迎，而且总是我听到推荐的。它有关于样式等的建议。

我用阿普塔纳但这并不进行重构，只是标记错误并允许您针对某些浏览器。使用一本像样的 CSS 书可能会有所帮助。

萤火虫是一个非常好的 Firefox 扩展，它允许您检查哪些 CSS 声明对于文档树中的哪个 DOM 元素是活动的。

虽然它没有提出任何改进建议，但在手动调试/简化 CSS 代码时它很有帮助。

这 Web开发人员扩展也是一个很大的帮助。

如果您使用 ASP.NET 2.0，则有重构！用于 ASP.NET

我使用起来很幸运造型器在过去。它更好，而且成本仅为 TopStyle 的 1/6。

有一个名为 HAML 的 Ruby gem，它附带一个名为 css2sass 的可执行文件。该可执行文件将 CSS 转换为萨斯, ，这是一种基于 CSS 的元语言，使重构变得更加容易（通过更好地说明选择器之间的关系）。可能值得一看。

我以前用过WestCiv的风格大师, ，这是一个非常好的 CSS 编辑器/检查器/调试器应用程序。将其与前面提到的 Firebug 结合起来，您就会情不自禁地掌控 CSS。

我尝试玩弄 .NET 更少.

我可能有点晚了，但 ReSharper 6 早期访问预览版 (EAP) 可以为您做到这一点！

在 CSS 文件中，输入“#”将自动补全项目中的每个 ID。与某个时期相同。列出您的所有课程。

最好的部分：当您重命名选择器时，它将在项目范围内重命名。它使得重构 CSS 变得更快，尽管不是令人愉快。

我喜欢 Expression Web 的 CSS 工具。但它对于最小化或统一 CSS 没有多大作用。您必须了解 CSS 的工作原理才能正确使用它。

Firefox 的 EditCSS 非常棒。

该网站至少有助于对您的规则进行排序和最小化： http://www.cleancss.com/
它不会让你到达你想去的地方，但这是一个很好的第一步。

或许 CSSTidy 或者 CSS优化器可以帮助清理并缩小尺寸

许可以下： CC-BY-SA 和归因