從HTML抓取CSS類

Question

所以我想知道是否有人知道sublime的包/插件或列出HTML片段中的類屬性的服務。

例如，我喜歡標記，然後在CSS上工作。我不斷髮現自己將崇高分裂成兩半，只需手動滾動瀏覽左側的HTML並重寫右側的實際類名稱樣式。

基本上我有：

<section class="home-testimonials"> 
    <h2 class="home-title"> 
     <span>Testimonials</span> 
    </h2> 
    <div class="testimonial-wrapper"> 
     <!-- Other divs with classes --> 
    </div> 
</section> 

而且我要像這樣的列表：

• 。家裏-推薦
• 。家裏標題
• .testimonial-包裝

如果它表示層次位置更好。提前致謝！

Answer 1

我不確定Sublime，但是對於常規JS，您可以選擇所有元素爲document.getElementsByTagName('*')，然後使用element.className爲每個元素提取類。