css - 如何在 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 {
}

然后将 cell 和 cell-left/cell-right 类添加到您的 HTML 元素中。这样您只需声明一次 width 和 min-height 属性。

或者，你可以这样做:

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

因此您也只需更改一次。