javascript - 用 LESS 伪造 css 属性（并在解析时用真实属性替换它）

Question

假设我想创建一个具有一些任意值的“假”（不支持浏览器，例如 { dimensions: 3; } ）css 属性，并在通过 LESS 解析它时，希望这个假 css 属性被替换为任何真正的 css属性（例如 { background: red; }）——有谁知道这样的事情会怎么做？

Answer 1

不完全确定你想在这里实现什么......我的建议是做这样的事情：

.dimension {
  background: red;
}

.realClassOne {
  font-size: 14px; /* some normal css */
  ...
  .dimension;  /* will apply all styles in dimension to this class */
}

我想这就是你要找的。应该工作得很好。

您可能还想看看参数 mixins 以获得更复杂和更强大的行为（这是 less 真正发挥作用的地方！）http://lesscss.org/#-parametric-mixins