html中变量命名字符串,css – 将LESS变量名称输出为字符串

不,这根本不可能.如果你真的需要这样的东西反过来(即通过将一个字符串转换成相应的变量值),例如：

@rocketRed: #ff0048;

.mixin(@color) {

color: @@color; // variable value

&:before {content: "@{color}"} // variable name

}

.usage {

.mixin(rocketRed);

}

或者(如果您想在代码中添加更多引号)：

@rocketRed: #ff0048;

.mixin(@color) {

color: @@color; // variable value

&:before {content: @color} // variable name

}

.usage {

.mixin("rocketRed");

}

—

假设您需要将其用于某些调试/日志记录目的,可以优化它以仅使用一个伪元素：

@rocketRed: #ff0048;

.mixin(@color) {

&:before {

content: %("@%a: %a",

@color, @@color);

}

}

.usage {

.mixin(rocketRed);

}

– > CSS：

.usage:before {

content: "@rocketRed: #ff0048";

}