Question

我有一个SCSS文件，这是其中的一部分。 SCSS：

$red: 200;
$green: 200;
$blue: 200;
$opa: 1;
.th-layout-class{
    background-color: rgba($red, $green, $blue, $opa);
    padding: 10px;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    border-collapse: collapse; 
}

CSS：

.th-layout-class, th:nth-child(3) {
  background-color: #c8c8c8;
  padding: 10px;
  border-right: 1px solid grey;
  border-bottom: 1px solid grey;
  border-collapse: collapse; }

显然，＃c8c8c8是rgba（200,200,200）。但是如何在rgba（）格式中使用＃c8c8c8，以便应用不透明度？

谢谢。

Answer 1

因为不透明度为1，所以它相当于没有任何不透明度的十六进制格式。

正如here所述：

在压缩输出模式下，Sass将输出颜色的最小CSS表示。例如，#FF0000将以压缩模式输出为red，但blanchedalmond将输出为#FFEBCD。

如果使用不同的不透明度，则会强制使用rgba()格式。

SCSS的颜色为rgba（）格式，但颜色为十六进制格式。如何在生成的CSS中保持RGBA（）格式的颜色？

1 个答案: