是否有任何实用程序可以帮助我重构 CSS [关闭]

Posted 2023-03-06

【中文标题】是否有任何实用程序可以帮助我重构 CSS [关闭]

【英文标题】：Are there any utilites that will help me refactor CSS [closed]

【发布时间】：2010-09-11 23:19:55

【问题描述】：

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

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

一些很高兴拥有的功能：

检查 CSS 文件并确定提取常用样式（如字体样式、颜色等）的方法... VS-2008 的插件会很棒！ 检查标记文件并就改进当前使用的类和样式提出一些建议。

【参考方案1】：

Dust-Me Selectors Firefox extension 可以扫描网站并告诉您使用了哪些 CSS，哪些没有使用。删除未使用的 CSS 是重构的第一步。

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

【讨论】：

值得注意的是，Dust-Me不支持检查内联样式表，只支持外部样式表。

下载页面有评论，我引用；它需要一个工具来真正清理样式...jclaim.sourceforge.net 启动它，...转到菜单：常规/Handy Tools/Clean CSS ...从这个插件和您的 css 文件中输入文件和它将显示一个干净的 css 文件

【参考方案2】：

TopStyle 很受欢迎，并且一直是我听到推荐的。它有关于样式等的建议。

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

【参考方案3】：

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

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

Web Developer 扩展也有很大帮助。

【讨论】：

我有 Firebug 并且非常广泛地使用它，但我真正需要的是能够告诉我哪些样式只是愚蠢的东西。例如在每个类上设置字体样式和颜色。我知道这很愚蠢，但我正在寻找一种更快的方法来获取这些信息。

【参考方案4】：

如果您使用的是 ASP.NET 2.0，则有 ReFactor! for ASP.NET

【参考方案5】：

我过去使用Stylizer 运气不错。更好看，只需 TopStyle 的 1/6。

【讨论】：

不知道为什么这被否决了......那个程序看起来非常棒！

【参考方案6】：

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

【参考方案7】：

我曾经使用过 WestCiv 的 StyleMaster，它是一个相当不错的 CSS 编辑器/检查器/调试器应用程序。将其与上述 Firebug 结合使用，您将不由自主地掌握 CSS。

【参考方案8】：

我尝试玩弄Less for .NET。

【讨论】：

贴出来的链接已经死了一段时间了，不过github项目好像还在维护中：github.com/dotless/dotless/wiki

【参考方案9】：

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

在 CSS 文件中，输入“#”将自动完成项目中的每个 ID。与句号“。”相同。列出您的所有课程。

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

【参考方案10】：

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

【参考方案11】：

Firefox 的 EditCSS 非常棒。

【讨论】：

看起来很有趣，但我能用 FireBug 做不到的事情

【参考方案12】：

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

【参考方案13】：

也许CssTidy 或CssOptimiser 可以帮助清理和缩小