2010-04-08 34 views
1

如果我有100个HTML文件使用一组在CSS文件中用作选择器的类,那么是否有一个可用于智能地重命名类的实用程序?跨CSS文件重命名HTML类

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

+0

听起来像是你有几种解决方案回答了你自己的问题? – Kristopher 2010-04-08 02:23:18

+0

咦?除了元素标签中的字符串以外,什么是类'class =“什么是”什么“?我能想到的唯一“花哨”的东西是使用正则表达式来查找标签并在每个标签内部替换“class =”任何“'”的实例。我认为你正在使这个过程变得比需要的复杂。 – animuson 2010-04-08 02:25:09

+0

你是指HTML类还是CSS选择器?没有像“CSS类”这样的东西,但是这个术语通常被错误地应用于上述两者。 – Quentin 2010-04-08 10:30:56

回答

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 Compiler

,如果你检查任何谷歌/ Facebook页面,你会看到他们的阶级和ID名是几乎从来没有超过4个随机字符