是否可以将css子类封装在一个类中？

是否有可能以某种方式包装多个子类，例如html-wrapper风格：是否可以将css子类封装在一个类中？

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

，而不是：

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

它将使编辑单个页面上各种元素不是不停地指到父页/ div要容易得多，在同样的方式，@media{}做。这是目前可以实现的吗？

与CSS预处理器，是的。 http://htmlmag.com/article/an-introduction-to-css-preprocessors-sass-less-stylus –

SCSS，LESS或类似的其他预处理器语言都支持这种语法。 –

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

2016-12-01 12:27:24

回答