我一直在尝试在HSLA中使用CSS变量。 我需要保持相同的颜色,但只更改不透明度。
<div>
// content here
</div>
SCSS
:root {
--color: 332, 61%, 78%;
}
div {
background: hsla(var(--color), 0.5);
}
https://codepen.io/sammiepls/pen/zLpvXY
我原本以为只需要保留hsl颜色并使用变量来改变鼠标悬停时的不透明度等效果就可以了。如果只是使用纯CSS,这确实有效。但是我正在使用SCSS,它会导致失败,因为SASS有自己的HSL函数,该函数需要三个值;我收到的错误信息基本上是参数不足。有人找到解决方法吗?我尝试在整个函数周围使用字符串插值#{},但没有成功。
@use
/@include
/@import
导入了其他文件,@Brett的问题仍然存在吗? - Merchako@use
/@include
/@import
,我猜SCSS会知道它。如果文件是单独添加到Web组件中(例如使用打包工具),那么SCSS不会知道它,并且仍然无法正常工作。 - Brett