Css 在有效颜色值上吞咽编译SCS/SASS中断

我有这个密码。它在chrome开发工具中工作

p {
    color: #00000070;
    padding: 0px 10px;
    position: relative;
    z-index: 98;
}

当我试图编译它时，我得到了这个错误

[19:36:38] Using gulpfile ~/job/fello/gulpfile.js
[19:36:38] Starting 'sass'...
Error in plugin 'sass'
Message:
    wp-content/themes/fellose/styles/layouts/_mypages.scss
Error: Invalid CSS after "                      color:": expected expression (e.g. 1px, bold), was "#00000070;"
        on line 462 of wp-content/themes/fellose/styles/layouts/_mypages.scss
>>                      color: #00000070;
------------^

如果我输入任何其他值，如

#000000

或

black

，它会工作。我想这与我把最后一位放在不透明度上有关。

色码只有3（#000）或6（#000000）位值。因此，您只需添加3或6位数字，如果要添加不透明度，请在

rgba（0,0,0,0.6）

中定义颜色

前三个数字用于颜色，最后一个浮点值用于不透明度。

颜色代码只有3（#000）或6（#000000）位值。因此，您只需添加3或6位数字，如果要添加不透明度，请在

rgba（0,0,0,0.6）

中定义颜色

---

前三个数字用于颜色，最后一个浮点值用于不透明度。

CSS/SCSS中不支持超过6位的颜色代码。我不知道为什么chrome开发工具允许这样做

只用

颜色：rgba（0,0,0,0.7）
相反

如果要为其他颜色添加不透明度，但不想将其转换为rgb，也可以在此处使用scss变量：

$my-color: pink;

color: rgba($my-color,0.5);

CSS/SCS中不支持超过6位的颜色代码。我不知道为什么chrome开发工具允许这样做

只用
颜色：rgba（0,0,0,0.7）
相反

如果要为其他颜色添加不透明度，但不想将其转换为rgb，也可以在此处使用scss变量：

$my-color: pink;

color: rgba($my-color,0.5);

所以
#00000070
等于
rgba（0,0,0,0.7）
。你知道为什么它能在chrome开发工具上工作吗？所以
#00000070
等于
rgba（0,0,0,0.7）
。你知道为什么它能在chrome开发工具上工作吗？