html - 从 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>

我想要这样的列表:

• .home-推荐
• .home-title
• .testimonial-wrapper

如果它表示层次结构的位置就更好了。提前致谢!

Answer 1

我不确定 Sublime，但是对于常规 JS，您可以使用 document.getElementsByTagName('*') 选择所有元素，然后使用 element 为每个元素提取类。类名.