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

Question

假设我有这个类(class):

.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;
}