jquery - 将 css 从一个类复制到另一个类？

Question

这似乎是一个非常基本的问题，但我似乎没有找到答案。我知道可以一次为多个元素定义一个 css 规则:

.element1, .element2{
  font-size:14px;
}

但是，是否有可能做完全相同的事情，但在定义 element1 的 css 之后将 css 应用于元素？像这样:

.element1{
  font-size:14px;
}

/*later in the css... or in a separate file*/

.element2{
 like:".element1";
 font-weight:bold;
}

这样，element2 现在就继承了 element one 的 css。我尝试这样做的原因是因为我有一个 element1 的 css 定义，它为网站的所有页面加载。然后，对于一个特定页面(加载主 css 文件及其自己的文件)，我想使用 element1 中的样式并添加到它。我试图避免的是为站点上的所有页面加载 element2 的定义(包括那些甚至没有 element[s] 类 element2 的页面。

这能做到吗？我意识到我可以使用 jQuery(即 $(".element2").addClass(".element1");)轻松实现这一点，但我想避免为我的 css 使用脚本。

谢谢!

Answer 1

您可以使用:

<div class="element1 element2">

同时拥有

.element1{
  font-size:14px;
}

.element2{
  font-weight:bold;
}

所以这两个类都适用。 jQuery 足够聪明，可以像这样添加和删除类。

你也可以使用更高级的东西，比如 SASS这允许混合。