Question

如果我有100个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 m1。它有 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

跨CSS文件重命名HTML类

3 个答案: