如何在CSS中声明变量

Question

是否可以在CSS中声明自己是一个变量，例如，如果我对以下两个标签具有相同的属性

.cellLeft{
width: 45%;
min-height: 130px;

}
.cellRight{
width: 45%;
min-height: 130px;
}

是否可以声明x = 130px 所以我不必随处更改最小高度 例如;

x=130px;
.cellLeft{
width: 45%;
min-height: x;

}
.cellRight{
width: 45%;
min-height: x;
}

Answer 1

你必须为此使用CSS预处理器，如LESS或SASS。你不能用纯css做到这一点。看看这里：http://lesscss.org/或此处：http://sass-lang.com/（我自己使用LESS）

额外：

您的示例的仅CSS解决方案是使用模块化方法，您可以在其中为特定属性定义多个类，您可以在HTML中重复使用这些类。即使使用CSS预处理器，我也建议这样做。因此，对于您的示例，您可以创建这些类：

.cell {
    width: 45%;
    min-height: 130px;
}
.cell-left {
}
.cell-right {
}

然后将单元格和单元格左侧/单元格右侧类添加到HTML元素中。这样，您只需要声明一次width和min-height属性。

或者，你可以这样做：

.cell-left, .cell-right {
    width: 45%;
    min-height: 130px;
}

所以你只需改一次。