从另一个类的另一个属性继承css属性

Question

有没有办法让下面的工作？

.class1 { 
line-height:20px; 
} 

.class2 { 
    height: class1.line-height; 
} 

我知道css变量是要走的路，但由于它处于实验阶段，所以它不适合我们的项目。有没有其他方法？

Answer 1

如果没有预处理器（如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倍的行高和蓝色的背景颜色。

Answer 2

是的..你不能在CSS中使用这样的依赖关系。 你必须使用SASS或LESS ..

你可以像这样在SASS

.class1 { 
    line-height:20px; 
    } 

.class2 { 
    @extend.class1 
}