是否可以将css子类包装在单个类下？

Question

是否有可能以某种方式包装多个子类，例如html-wrapper样式：

.class{
    .subclass1{
        /* rules */
    }
    .subclass2{
        /* rules */
    }
}

而不是：

.class .subclass1{
    /* rules */
}
.class .subclass2{
    /* rules */
}

与div一样，它可以比不断引用父页面@media{}更容易在单个页面上编辑各种元素。这目前是否可以实现？

Answer 1

在纯CSS中是不可能的。但是你可以在CSS预处理器中执行此操作，例如Sass。您可以阅读更多相关信息here