html - 如何将值传递给 LESS 中的变量?

标签 html css less mixins

我想在 LESS 中将一个值传递给一个变量。我该怎么做?

这是一些示例代码。我想将 .className() 中的值传递给变量 @varValue

@defaultWidth: 10px;
.className(@varValue: 1) {
    width: (@defaultWidth * @varValue);
    background: green;
}

.sample {

    background: blue;
    height: 10px;

    .filled_1     { .className(1); }
    .filled_2     { .className(2); }
    .filled_3     { .className(3); }
}

示例 HTML:

<div class="sample">
    <div class="filled_3"></div>
</div>

最佳答案

正如 Guy Morgrabi 在上面的评论中所述,这是不同 LESS 编译器版本的问题。 Guy 应该得到功劳,但对于其他来访的人,您应该知道答案。

关于html - 如何将值传递给 LESS 中的变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11849426/

相关文章:

java - 使用 JSOUP 解析表中的表

javascript - 将 'active' 类添加到与当前单击的菜单链接相同的 href

css - 如何通过转换子元素来重新创建透视原点效果?

css - 为什么在通过端口 80 提供服务时 less css 的行为与其他端口不同?

css - 如何在 Less 中使用带有 & 符号 ( &-@var { ) 的变量

css - 在 Less 混合中使用 &

html - 如何使用 CSS 降低元素背景的不透明度?

javascript - 如何在不影响透明区域的情况下给图像上色?

HTML5 % Height Child of parent with vh 相对高度

javascript - 获取按钮的计算样式或默认样式并在新元素上设置