css - CSS 中的 "Same as"？

Question

在 CSS 中可以说“与 x 相同”吗？例如:

div.red
{
  color: red;
}

div#red
{
  same-as: div.red;
}

我知道我可以做 div.red, div#red { 但我想将两者放在不同的文件中而不必复制整个样式 block 。

Answer 1

你不能在 CSS 中这样做。正确的方法是使用正确的标记，如果您在 #red 元素中定义一个 red 类:

<div id="red" class="red"></div>

那么你的 div#red 元素将继承 div.red 的所有样式。你不需要在你的 CSS 中做任何花哨的事情。你的CSS可以简单地是

div.red {
  color: red;
}

div#red {
  /* something specific to #red */
}

请记住，您可以在一个元素中拥有多个类，因此您可以组合来自多个类的样式。