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.className。