Css 如何使用less设置背景色

在我的页面中，我有以下内容：

当呈现红色、绿色或琥珀色时，页面此区域上的div将背景颜色设置为色码值。这些是拖放功能的可拖放区域。我正在使用较少的颜色，我想制作一个类，使色码div设置为比当前颜色少50%

因此，在我的less文件中，我声明了一个变量：

@default-backcolour : background-color;

现在我有两个问题。首先，如果我声明如下内容：

.droppable-hover {

background-color : lighten(@default-backcolour,50%);}

---

Less给出了一个编译错误，既然我认为light是Less的函数，那么我该如何减轻呢。第二，因为我正在删除'dropzone类，父div没有完全被.droppable hover类屏蔽。

默认backcolor变量的值是错误的。

背景色

指的是什么？只有当向功能提供颜色时，Less

light

功能才会工作。如果您试图通过将值设置为

background color

来减轻当前背景色，那么它将不起作用，因为Less编译器无法知道当前背景色是什么。我还没有测试过它，但是对于@Harry的注释，可能

light（inherit，50%）

可能有效？编译时不知道背景颜色。它在页面呈现时在运行时设置。我刚刚尝试了@Alexander suggestion，但它给了我一个编译错误。@Alexander:不，Less编译器只接受该函数的真实颜色，而不接受任何关键字。