如何将定义的类应用于我的CSS中的新类？

Question

我想问一下是否可以将css1.css中定义的html类应用于我想在css2.css中定义的另一个html类？

basicly

css1.css包含

div.classPredefined { border: solid 1px #000; }

和css2.css

div.newClass { background: #CCC; apply-class: classPredefined; }

我知道css中不存在apply-class，但我想在我的HTML中将.newClass应用于元素并自动应用.classPrededined。

忽略选项 <div class="classPrededined newClass"></div>

谢谢

Answer 1

那么您希望新款式始终适用吗？如果是这样，您可以在第一个之后加载的文件中使用完全相同的类名，后一个样式将添加到第一个。所以，如果你有

div.classPredefined { border: solid 1px #000; }

在css1.css中，您可以在css2.css中使用相同的类

div.classPredefined { background: #CCC; }

该文件将适应这两种样式。

你可以尝试解释一下你想要的东西..

Answer 2

为什么不使用。

div.newClass { 
    @import url("css1.css");
    background: #CCC; 
    //border: solid 1px #000; //css from the older class
}

您可以轻松地在另一个css文件中添加css文件，只需执行@import("");

Answer 3

我假设你不能手动改变html，你想在click事件上添加一个特定的类。我不认为有一个css方法将类添加到现有元素，但你可以使用jQuery实现它。

$(".newClass").addClass("classPredefined");

这只是将一个预定义的类添加到具有类newClass的元素。

如果您只是希望具有不同类的两个元素具有相同的css样式，我想您可以创建一个具有公共属性的新类，并将此类添加到必需的元素中。