跨CSS文件重命名HTML類

如果我有100個HTML文件使用一組在CSS文件中用作選擇器的類，那麼是否有一個可用於智能地重命名類的實用程序？跨CSS文件重命名HTML類

我知道每個編輯器/ IDE在項目功能中都有查找/替換。使用sed你可以做同樣的事情。這不是智能的，因爲它是一個簡單的字符串替換。我想知道一個實際理解CSS類是什麼以及如何替換它的實例的工具。我想一個奇特的正則表達式可以做同樣的事情。

2010-04-08 hekevintran

聽起來像是你有幾種解決方案回答了你自己的問題？ – Kristopher 2010-04-08 02:23:18

咦？除了元素標籤中的字符串以外，什麼是類'class =「什麼是」什麼「？我能想到的唯一「花哨」的東西是使用正則表達式來查找標籤並在每個標籤內部替換「class =」任何「'」的實例。我認爲你正在使這個過程變得比需要的複雜。 – animuson 2010-04-08 02:25:09

你是指HTML類還是CSS選擇器？沒有像「CSS類」這樣的東西，但是這個術語通常被錯誤地應用於上述兩者。 – Quentin 2010-04-08 10:30:56

看看Netbeans 6.9 m1。它有CSS重構/查找使用支持也許這就是你在找什麼。

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

來源

2010-04-08 10:29:26 hex

我認爲你正在尋找谷歌的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個隨機字符

來源

2014-03-25 17:50:55 Piyush

跨CSS文件重命名HTML類

回答

相關問題