Css类值替换

Question

在CSS中是否可以定义一个引用其他css类的类？

实施例

的main.css

// this is just a pseudo code for the lack of the proper command if it exists
.a {
  #ref: '.b, .c'
}

plugin.css

.b {
  color: red;
}
.c {
  font-size: 1em;
}

index.html 导入main.css和plugin.css

<div class="a">Hello</div> <!-- a should be substituted or resolved to .b and .c -->

Answer 1

不是没有像sass或更少的预编译器。

如果没有预编译器，您可以指定多个类，并为每个类分配一些特定的css属性

<span class="mycolors myfontsize">text</span>

.mycolors {
    color: red;
}
.myfontsize {
    font-size: 2em;
}

或者您可以用逗号分隔css中的多个类，以将一些属性应用于所有类

.a,.b,.c {
    color: red;
}

Answer 2

不，那是不可能的。

但只要您只是组合不同的属性，您仍然可以将它们与不同的样式表组合在一起，例如

class_a {
  color: green;
}

样式表1中的

和

class_a {
  background-color: red;
}

如果两个样式表相互引用，则样式表2中的

将为具有类属性class_a的标记添加属性+设置。