我正在处理一些编写糟糕的CSS。虽然我不是设计/CSS专家，但至少我了解CSS中的C。尽管VS-2008内置的CSS支持比以前的版本要好得多，但它仍然不能完全满足我的需求。
我想知道是否有任何好的程序或工具可以帮助我重构和清理我的CSS，就像ReSharper对C＃所做的那样。
以下是一些很好拥有的功能：
- 检查CSS文件并确定提取常见样式（如字体样式、颜色等）的方法...
- 与VS-2008的插件结合使用将非常棒！
- 检查标记文件并提出关于改进当前类和样式使用的建议。
有哪些工具可以帮助我重构CSS？
23
- Josh
13个回答
21
Dust-Me Selectors Firefox 扩展程序 能够扫描网站并告诉你哪些CSS被使用了，哪些没有。删除未使用的CSS是重构的一个好的第一步。
我经常发现当从网站中删除一些部分时，HTML被删除了但是CSS没有被删除。
我经常发现当从网站中删除一些部分时，HTML被删除了但是CSS没有被删除。
- Liam
2
值得注意的是，Dust-Me不支持检查内联样式表，只支持外部样式表。 - Ben Blank
1下载页面上有一条评论，我引用一下：“它需要一个工具来真正清理样式... http://jclaim.sourceforge.net 启动它，...进入菜单：常规/实用工具/清理CSS...将这个插件的文件和你的CSS文件输入进去，它会显示给你一个干净的CSS文件。” - Vihung
4
Firebug是一个非常好的Firefox扩展程序，它允许您检查文档树中哪些DOM元素具有活动的CSS声明。
虽然它不提供改进的建议，但在手动调试/简化CSS代码时非常有帮助。
Web Developer扩展程序也是一个很好的帮助工具。
- vog
1
我有Firebug并且经常使用它，但我真正需要的是能够告诉我哪些样式是愚蠢的工具。例如，在每个类上设置字体样式和颜色。我知道这很愚蠢，但我正在寻找一种更快捷的方式来获取这些信息。 - Josh
2
有一个名为HAML的Ruby宝石，其中包含一个名为css2sass的可执行文件。该可执行文件将CSS转换为SASS，这是一种基于CSS的元语言，使重构变得更加容易（通过更好地说明选择器之间的关系）。值得一看。
- Ben Scofield
1
可能有点晚了，但 ReSharper 6 的早期访问预览（EAP）可以帮你做到这一点！
在 CSS 文件中，输入“＃”将自动完成项目中的每个 ID。同样，“。”也会列出所有类。
最好的部分是：当您重命名选择器时，它会在整个项目中重命名它。如果不是愉快的话，它会使 CSS 重构变得更快。
在 CSS 文件中，输入“＃”将自动完成项目中的每个 ID。同样，“。”也会列出所有类。
最好的部分是：当您重命名选择器时，它会在整个项目中重命名它。如果不是愉快的话，它会使 CSS 重构变得更快。
- Benxamin
1
我尝试使用.NET的Less进行玩耍。
- Owen
1
发布的链接已经失效一段时间了，但是 GitHub 项目似乎正在维护：http://github.com/dotless/dotless/wiki - fordareh
0
我喜欢Expression Web的CSS功能。但它对于最小化或统一你的CSS并没有太多帮助。你必须理解CSS的工作原理才能正确使用它。
- user1228
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接