从另一个类的另一个属性继承css属性
问题描述:
有没有办法让下面的工作?从另一个类的另一个属性继承css属性
.class1 {
line-height:20px;
}
.class2 {
height: class1.line-height;
}
我知道css变量是要走的路,但由于它处于实验阶段,所以它不适合我们的项目。有没有其他方法?
答
如果没有预处理器(如SASS或LESS),则无法真正使用CSS中的依赖关系。但是,你可以将多个类的HTML .....
<div class="class1 class2"></div>
在这种情况下,class1
将包含行高,然后class2
将包含要应用到任何其他属性特别的div。
class1
和class2
之间的任何类似属性将允许class2
优先,因为它在class 1
之后加载,假设CSS层次结构是逻辑的。
例如:
.class1 { line-height: 1.3; background-color: red;}
.class2 { background-color: blue; }
在div将具有1.3倍的行高和蓝色的背景颜色。
答
是的..你不能在CSS中使用这样的依赖关系。 你必须使用SASS或LESS ..
你可以像这样在SASS
.class1 {
line-height:20px;
}
.class2 {
@extend.class1
}
你需要SASS以下代替。 – Anson
这就是为什么它被称为“级联” – Rob