less - 可以使用 LESS 来访问所选元素的现有属性的值吗？

Question

我在 LESS 部分中定义了一个类:

.myclass
{
    border-radius: [CALCULATION: e.g. this.height + 2px];
}

我想根据元素的高度计算边界半径(如上面语法错误的示例所示)。

我尝试过的

我有一个解决办法:

.myclass(@height)
{
    border-radius: @height + 2px;
}

上面的问题是 myclass 可能是一个内部有内容可管理区域的 div(所以 div 很可能会增长到任意高度)，所以我不一定能通过高度作为 mixin 的参数。

注意:我也试过百分比，但边框半径看起来是歪斜的。

我不想为此使用任何 javascript。

Answer 1

如果不使用 javascript，这是不可能的，因为您的 less 将被预编译成标准的 css。

如果您乐于使用 javascript 和 less.js，您可以使用 less.modifyVars() ( link to docs )。