将一个样式类指向另一个？

Question

我有一个css类,如:

.foo {
  background-color: red;
}

然后我有一个为列表指定的类:

.list1 li {
  background-color: tan;
}

是否可以将一个样式类设置为仅指向另一个？就像是:

.list1 li {
  .foo;
}

不确定如何表达 - 我只是希望.list li样式是我为.foo类定义的.

Answer 1

您可以使用选择器分组:

.foo, .list1 li { 
  background-color: red; 
}

Answer 2

不可以.使用"原生CSS"可以做的最好的事情就是使用多重选择器:

.foo, .list1 li {
   ...
}

否则有预处理器可以帮助解决此问题,例如SASS.

Answer 3

没有任何类似的语法(并且不要将"类"(HTML术语)与"类选择器"或"规则集"混淆).

Answer 4

您可能想要研究 CSS 预处理器，例如 SASS 或 LESS。您可以定义可在整个代码中使用的变量。当您熟悉它时，它会大大加快您的编码速度。

使用SASS：

$darkred : #841c14;
.box { 
    background: $darkred;
}