将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现在继承了元素一的css.我尝试这样做的原因是因为我有一个为网站的所有页面加载的element1的css定义.然后,对于一个特定的页面(加载主css文件,以及它自己的),我想使用element1中的样式并添加到它.我要避免的是为网站上的所有页面加载element2的定义(包括那些甚至没有带元素element2的元素的人).

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

谢谢!

Answer 1

您可以使用:

<div class="element1 element2">

虽然有

.element1{
  font-size:14px;
}

.element2{
  font-weight:bold;
}

所以这两个课程都适用.jQuery非常聪明,可以添加类并删除这样的类.

你也可以使用像SASS这样更先进的东西来混合使用.