4

CSS ファイルでセレクターとして使用される一連のクラスを使用する HTML ファイルが 100 個ある場合、クラスの名前をインテリジェントに変更するために使用できるユーティリティはありますか?

すべてのエディター/IDE には、プロジェクト内の検索/置換機能があることを知っています。sed を使用すると、同じことができます。これは単純な文字列の置換であるため、インテリジェントではありません。CSS クラスとは何か、およびそのインスタンスを置き換える方法を実際に理解しているツールについて知りたいです。派手な正規表現でも同じことができると思います。

4

3 に答える 3

1

Google のClosure stylesheetsを探していると思います。
クロージャー スタイルシートの機能の 1 つは名前の変更です。

次のように機能の名前を変更する閉鎖スタイルシートの例。

<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 文字を超えることはほとんどないことがわかります。

于 2014-03-25T17:50:55.883 に答える
0

Netbeans 6.9 m1 を見てください。CSS リファクタリング / Find Usages のサポートがあります。おそらくそれがあなたが探しているものです。

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

于 2010-04-08T10:29:26.037 に答える