在CSS文件中重命名HTML类

Question

如果我有100个HTML文件，这些HTML文件使用在CSS文件中用作选择器的一组类，是否有可以用来智能地重命名这些类的实用程序？

我知道每个编辑器/ IDE在项目中都有查找/替换的功能。使用sed，您可以执行相同的操作。这是不明智的，因为它是简单的字符串替换。我想知道一个实际上了解CSS类以及如何替换其实例的工具。我想一个花哨的正则表达式可以做同样的事情。

Answer 1

我认为您正在寻找Google的Closure stylesheets。闭合样式表的功能之一是renaming。

闭包样式表重命名功能的示例，如下。

<style>
  .descriptive-parent-class-name .descriptive-element-class-name {color:red;}
</style>
<div class="descriptive-parent-class-name">
  <p class="descriptive-element-class-name">Lorem ipsum</p>
  <p class="descriptive-element-class-name">Lorem ipsum</p>
</div>

将成为

<style>
  .a-b .a-c {color:red;}
</style>
<div class="a-b">
  <p class="a-c">Lorem ipsum</p>
  <p class="a-c">Lorem ipsum</p>
</div>

还将有进一步的缩小功能。

也检查closure Compiler。

如果您检查任何Google / Facebook页面，您将看到它们的类别和ID名称几乎不会超过4个随机字符

Answer 2

看一下Netbeans 6.9平方米。它具有CSS重构/查找用法支持也许就是您要的内容。

http://wiki.netbeans.org/NewAndNoteworthy69m1#CSS_Refactoring_.2F_Find_Usages_Support

Answer 3

如果仍是最新的，则有一个名为rcs的库，是rename-css-selectors的缩写。

这是库，非常易于使用：rcs-core

它带有很多插件，例如webpack，宗地和节点：https://github.com/JPeer264/node-rcs-core#plugins