0

我正在尝试 CSS 变量,我想使用 RGB 颜色。

这是我当前的 CSS 变量:

--primary: rgb(112, 199, 255);

因此,当使用以下代码时,这绝对可以正常工作:

color: var(--primary)

但有些段落也使用这种原色,我想给它们一点透明度。现在我可以替换它并创建另一个 CSS 变量,如下所示:

--primary: rgb(112, 199, 255);    
--primary-alpha: rgba(112, 199, 255, 0.7);

但这只是感觉混乱和混乱,有两种原色,如果我使用一些不同的透明胶片会怎样。我还可以使用以下 CSS 变量:

--primary: 112, 199, 255;
--alpha: 0.7;

并使用以下代码输出:

color: rgba(var(--white), var(--alpha));

这可以按我的意愿工作,我个人认为这是一种更好的方法,但是我的颜色无法在我的代码编辑器中预览查看图像。

在此处输入图像描述

查看 --dark 变量,使用此代码它不会显示颜色。

理想情况下,我想使用:

--primary: rgb(112, 199, 255); 

并像这样输出:

color: var(--white), var(--alpha);

但它不会工作?

4

1 回答 1

1

假设您正在使用atom-pigment。颜色检测也适用于评论。因此,您也许可以在注释中添加实际的 rgb 值,仅供参考并照常使用该变量。像这样:

--dark: 18, 38, 51 /* this color is - rgb(18, 38, 51) */
于 2017-07-05T11:58:22.787 回答