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

Question

我在LESS partial中定义了一个类：

.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）。