CSS:你能在一个类中引用一个类吗？

Question

假设我有这样一个类：

​

.dark-theme {
    background-color: black;
}

​

我可以在我的css文件中引用它吗？就像..。

​

.some-class {
    dark-theme;
    padding: 5px;
}

a {
    dark-theme;
    color: white;
}

​

Answer 1

我有两个解决方案来实现这一点。

解决方案1:使用css变量。(不是真的在做你所要求的事情，但是如果你没有使用任何预处理器，那就更好了)

:root {
  --color-bg-dark:  black;
}

.some-class {
  background-color: var(--color-bg-dark);
}

解决方案2:使用sass，这是一个css预处理器，并将您的可重用规则放在一个混合中。

@mixin applyDarkTheme {
  background-color: black;
  color: white;
  // Some other rules
}

.some-class {
  @include applyDarkTheme;
}