没有组合的CSS范围方程

Question

我需要equation没有combine多个范围，例如使用native：

原生CSS：

.test 
{
    color: black;
}

.demo 
{
    color: black;
}

并合并版本：

.test,
.demo 
{
    color: black;
} 

但我需要关注：

@.test: .demo; // Something like that equation, all test classes equal demo class

.demo 
{
    color: black;
}

如果不能使用CSS，作为最后的手段，我可以使用LESS

Answer 1

在LESS中，您可以使用extend功能来实现此目的。

.demo 
{
    color: black;
}
.test:extend(.demo){}; /* extends the properties of the .demo */
/* .test:extend(.demo all){}; /* the all keyword would extend nested sub classes of .demo also */

Demo

Answer 2

除了Harrys的答案，你可以像这样用SASS做到这一点：

.demo 
{
    color: black;
}
.test {
  @extend .demo;
}

[ SAMPLE ]