1

上記のように、css ルールの影響を受けるプロジェクト内のすべてのファイルを検索できるようにしたいと考えています。たとえば、「#header .container li」と入力すると、そのルールが適用されるすべてのファイルが取得されます。

より明確にするために、これらのhtmlファイルを含むプロジェクトがあるとしましょう：

File 1:
---------------------
<html>
 <div id="header">
    <div class="container">
      <ul>
         <li>Something</li>
         <li>Something</li>
       </ul>
    </div>
  </div> 
</html>
---------------------

File 2:
---------------------
<html>
 <div id="header2">
    <div class="container">
      <ul>
         <li>Something</li>
         <li>Something</li>
       </ul>
    </div>
  </div> 
</html>
---------------------

File 3:
---------------------
<html>
 <div id="header">
    <div class="container">
      <ul>
         <li class="nomatter">Something</li>
         <li>Something</li>
       </ul>
    </div>
  </div> 
</html>
---------------------

「#header .container li」(CSS ルール) と入力すると、入力した CSS ルールの影響を受けるため、ファイル 1 とファイル 3 が取得されると予想されます。

4

2 に答える 2

1

プラグイン/パッケージのElement Finderを使用します(nodejs が必要です)。

著者の紹介記事からのコピー:

Element Finder は、Web 開発者が特定の CSS セレクターに一致する要素を含む HTML ファイルを見つけるためのツールです。プロジェクトに参加したばかりで、しばらく取り組んでいないプロジェクトに戻ったり、CSS セレクターが不明確で、それがどのページに影響するか正確にわからない場合があります。CSS セレクターを Element Finder にコピーするだけで、そのセレクターに一致するプロジェクト内のすべての HTML 要素がすぐに表示されます。たとえば、 を検索する div.mainと、クラス名が のすべての DIV 要素が表示されます main。

于 2012-12-29T09:19:09.657 に答える