如何在 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
直到运行时才知道,所以你不能那样做。
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
直到运行时才知道,所以你不能那样做。