没有 Combine 的 CSS Scopes 方程

Question

我需要方程式而不组合多个作用域，例如与原生:

原生 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