SCSS中radial-gradient语法错误求助：如何解决无效CSS问题？

错误原因 #

你写的#2222和#0000是不合法的4位颜色值，CSS标准只支持3位简写（如#222）、6位完整十六进制颜色（如#222222），以及rgba、hsl等其他颜色格式，解析器无法识别这两个值，因此报错。

修正方案 #

将4位颜色值替换为合法格式即可，以下两种写法都有效：

写法一：使用3位简写颜色值

background: radial-gradient(.3rem 55% at right, #222, #000) border-box, #fff padding-box;

写法二：使用6位完整十六进制颜色值

background: radial-gradient(.3rem 55% at right, #222222, #000000) border-box, #fff padding-box;

额外说明 #

如果需要设置带透明度的颜色，建议使用rgba()格式，例如：

background: radial-gradient(.3rem 55% at right, rgba(34,34,34,0.8), rgba(0,0,0,0.8)) border-box, #fff padding-box;

内容的提问来源于stack exchange，提问作者Yiu Chak