CSS将类分配给类定义

Question

在Wordpress主题中，在第一个style.css中有一般定义，在custom.css中你可以添加自己的样式。 在那里，我想谈谈像

这样的某些单一元素

home .example-class_1 h1 {}

在我正在使用的主题中，我不能内联，所以我必须使用custom.css。 现在，我不想重复括号中的所有单个样式，而是分配已经在style.css中定义的类：

.heading-class_1 {font-size:1.2em;font-family: 'Open Sans', sans-serif; etc}

有没有办法做到这一点？据我所知

home .example-class_1 h1 { .heading-class_1; }

是不允许的（只是为了确定，我测试了它，它不起作用）。 CSS（而不是JS）中有解决方法吗？

Answer 1

是的，有一种方法可以使用嵌套CSS，你必须使用扩展程序，你可以了解更多信息，查看Sass。

Answer 2

默认情况下，您无法在CSS中执行此操作，但您可以使用可以执行此操作的预处理器，然后将其编译为vanilla（普通）CSS。

检查Extend within Sass。那就行了。其他预处理器也可以这样做，但Sass是一个受欢迎的选择。

除此之外，您还必须这样做：

dfs = {n:xl.parse(n).set_index('Security Name') for n in xl.sheet_names}