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： 使用作为css预处理程序的sass，并将可重复使用的规则放入mixin中。

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

.some-class {
  @include applyDarkTheme;
}