html - 有什么方法可以对 CSS 元素/选择器进行分组吗？

<分区>

目前我有类似的东西:

.class1 p {
    blablabla
}

.class1 h1 {
    blaaa
}

.class1 a {
    bla bla bla
}

有什么方法可以将其压缩得更小，使其看起来更整洁？我最终得到 .class1 的大约 40 个条目，这很碍眼。

编辑:我的意思不是让它们都不同(例如 h1 是黑色，p 是红色)，而是压缩它在编写时占用的空间以使其看起来更简单。

tl;dr 组选择器？

最佳答案

您可以看一下 CSS 预处理器，例如 Less或 Sass这允许你使用嵌套。例如，在您的 .less 文件中，它看起来像:

.class {
    p {
        ....
    }

    h1 {
        ....
    }

    a {
        ....
    }
}

并且仍然编译成您在 .css 文件中的代码示例。但是，如果您沿着这条路线走下去，请确保您不要开始嵌套太深，因为那样会创建真正特定的选择器。

关于html - 有什么方法可以对 CSS 元素/选择器进行分组吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27191995/