如何在 LESS 中使用 "currentColor" CSS 3 关键字?

How to use "currentColor" CSS 3 keyword in LESS?

CSS 3 中有一个新关键字,叫做 currentColor,顾名思义,它指的是元素的当前颜色值。

现在我想在 LESS 的 darken(@color,@percentage) 函数中使用这个关键字。以下在 LESS 编译中抛出错误:

h1 {
    color: red;
    background-color: darken(currentColor, 75%);
}

错误信息:

undefined_methodError: error evaluating function `darken`: 
Object [object Object] has no method 'toHSL'

请忽略并非所有浏览器都支持这一点。有人知道如何在 LESS 中完成这项工作吗?

根本不可能做到这一点。

LESS 编译为常规 CSS。
任何不能用CSS表达的行为也不能用LESS表达。

特别是,LESS darken() 函数通过在编译时更改颜色来工作。
因为 currentColor 直到运行时才知道,所以你不能那样做。