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

时间:2015-02-09 15:29:57

标签: css css3 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中完成这项工作?

1 个答案:

答案 0 :(得分:7)

根本不可能这样做。

LESS编译为常规CSS 任何无法在CSS中表达的行为也无法用LESS表示。

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