less 颜色函数怎么加入 css变量使用?
我尝试将css变量,通过fadeout改变透明度,但是会说var(--c)不是一个颜色对象
--c: #08f;
border: 1px solid fadeout(var(--c), 50);
回复
1个回答

test
2024-07-17
因为 CSS变量
是可以变更的,但是 Less
的 fadeout
函数是需要进行计算的最后输出一个rgba()
结果,但是编译的时候 CSS变量
并不会被解析为实际的值。所以就会有冲突,即会提示 var(--c)
不是一个颜色对象。
其实可以先定义一个 Less
的变量,然后把这个变量赋值给 CSS变量
。在需要Less
处理的时候就是用 Less
的变量,例如:
@cust: #ff8800;
body{
--cust: @cust;
}
div{
color: fadeout(@cust, 50);
}
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容