是否可以使用现有的css类作为另一个类的内容?
我的意思是:
Contained in some library: .class1 { text-indent: 100 } I can not change this: <span class="class2" />
class2的定义也包含在另一个库中.所以我不能直接改变它.
But I want to do something like that in my CSS file: .class2 { .class1 }
我知道这是不可能的.但是也可以使用一些技巧来实现没有复制class1内容的行为?我需要这个,因为我想用另一个CSS类的内容重新定义类.我们的项目也使用JQuery,但我会用CSS来做.
编辑:我应该解释一下,我不能改变.class1是如何定义的,因为这个类是在一个库中,我不能改变在span类上的标记.
解决方法
在标准CSS中做什么是不可取的,因为没有纯粹的遗产.
.class1,.class2 { text-indent: 100 } .class2 { /* Styles you want to have only in class 2 */ } <span class="class2" />
另一方面,作为@A. Wolff指出,您仍然可以使用js / jq将类添加到特定元素:$(function(){$(‘.class2’).addClass(‘class1’)});然后只需为这些元素设置一个特定的CSS规则.
如果你不想使用JS,对于类似的东西你需要使用SASS或类似的,“编译”到CSS.