html - 跨 CSS 文件重命名 HTML 类

Question

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

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

Answer 1

我认为您正在寻找 Google 的Closure stylesheets。
闭包样式表功能之一是重命名。

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

<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>

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

还要检查闭包 Compiler。

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

Answer 2

看看 Netbeans 6.9 m1。它有CSS Refactoring / Find Usages 支持，也许这就是你要找的。

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

Answer 3

如果这仍然是最新的，那么有一个名为rcsshort for的库rename-css-selectors。

这是库，它很容易使用：rcs-core

自带很多插件，比如webpack、parcel、node：https ://github.com/JPeer264/node-rcs-core#plugins