CSS将类指定给类定义

CSS将类指定给类定义,css,wordpress,Css,Wordpress,在Wordpress主题中,在first style.css中有一般定义,在custom.css中可以添加自己的样式。 在这里,我想讨论一些单一的元素,比如 home .example-class_1 h1 {} 在我使用的主题中,我不能内联使用,所以我必须使用custom.css。 现在,我不想重复括号中的所有单个样式,而是要指定已经在style.css中定义的类: .heading-class_1 {font-size:1.2em;font-family: 'Open Sans', san

在Wordpress主题中,在first 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)中是否有解决方法

是的,有一种方法可以使用嵌套CSS,你必须使用一个扩展,你可以了解更多关于它的信息,请查看。

默认情况下,你不能在CSS中这样做,但你可以使用一个预处理器来做,然后它会为你编译成普通(普通)CSS

检查。那就行了。其他预处理器可能也能做到这一点,但Sass是一种流行的选择

除此之外,您还必须:

home .example-class_1 h1 { font-size:1.2em; font-family: 'Open Sans', sans-serif; }

谢谢,这以一种不同的方式回答了我的问题:显然没有舒适的捷径——看起来SASS允许我添加一个类,然后将其转换为公共CSS。当然,我也可以手工操作:-)是的,SASS看起来是开发CSS的好工具,谢谢你的提示!出于我的简单目的,只是为了在custom.css中节省一些空间,它可能太强大了。所以我想我会用经典的方式写下属性…是的,如果你只是在追求这个,Sass就太过分了。但在将来,如果您想编写复杂的CSS,那么它肯定是一个可靠的选择。