logo标签列表

在多个CSS文件中重命名HTML类

htmlcssrenamerenaming
4
如果我有100个HTML文件，使用了一组类作为CSS文件中的选择器，那么有没有一种实用工具可以智能地重命名这些类呢？
我知道每个编辑器/IDE都有一个查找/替换项目特性。 使用sed，您也可以做同样的事情。 这不是智能的，因为它只是简单的字符串替换。 我想知道是否有一种工具，它真正理解CSS类以及如何替换它的实例。 我猜想一个复杂的正则表达式也可以做到同样的事情。
听起来你自己已经回答了这个问题，并提供了几种解决方案？ - Kristopher
什么？除了在元素标签中的字符串形式class="whatever"之外，类是什么？我唯一想到的“花哨”方法就是使用正则表达式查找标签并替换每个标签内部的class="whatever"实例。我认为你让这个过程变得比它需要的更加复杂。 - animuson
您指的是HTML类还是CSS选择器？“CSS类”这个概念并不存在，但该术语常常被错误地用于上述两者。 - Quentin
是的，你说得对。我指的是HTML类。 - hekevintran
3个回答
1
我认为您正在寻找谷歌的闭包样式表(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编译器。

如果你检查任何Google/Facebook页面，你会发现它们的类和ID名称几乎从不超过4个随机字符。

0
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接