从HTML中获取CSS类

Question

所以我想知道是否有人知道sublime的包/插件或在HTML片段中列出类属性的服务。

例如，我喜欢标记，然后在css上工作。我一直发现自己将sublime分成两半，只需手动滚动左边的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为每个元素提取类。