在另一个选择器中导入CSS选择器样式？(不是@import)

Question

有没有办法将单个CSS选择器的样式导入另一个CSS选择器并添加到它或从中重写属性.

让我们说:

.original_class{
background:black;
color:white;
}
.overwrite{
@import(.original_class); /* I know this doesn't work */
color:blue;
border:1px solid green;
}

我可以通过重新声明.original_class并分配新值来实现这一点(因为CSS样式是从上到下重写的),但这将取代原始CSS类的属性.我想要的是将其属性继承到另一个类而不必再次编写它们(重复).

Answer 1

不直接，不。

你可以在你的 HTML 中做这样的事情：

<div class="original_class overwrite">...</div>

这将具有相同的效果，但您必须对每个想要以这种方式设置样式的元素执行此操作。

还可以选择使用 CSS 预处理器，例如SASS，它支持继承/混合。