Css 更改较少变量的背景不透明度

我有以下变量：

@yellow:#fbba00

我想将此颜色应用于透明度为0.2的
tr
背景

我尝试了以下方法，但问题是不透明度应用于整个tr，而不是仅应用于背景

我看到了几个关于背景不透明度（，）的主题，但它们总是使用
rgba（）
来设置颜色。它与我想要的不匹配（变量较少）


在LESS/CSS文件中：

@yellow: #fbba00;

.bg-light-yellow {
    background-color: @yellow;
    opacity: 0.2;
}

<tr class="bg-light-yellow">
    ...
</tr>

在HTML页面中：

@yellow: #fbba00;

.bg-light-yellow {
    background-color: @yellow;
    opacity: 0.2;
}

<tr class="bg-light-yellow">
    ...
</tr>


...
Per，LESS有一个嵌入式函数用于此功能，称为
淡入淡出

fade(@color, 50%);   // return @color with 50% transparency in rgba

那么这个

@yellow: #fbba00;

.bg-light-yellow {
    background-color: fade(@yellow, 20%);
}

符合这一点

.bg-light-yellow {
  background-color: rgba(251, 186, 0, 0.2);
}

Per，LESS有一个嵌入式函数用于此功能，称为
fade

fade(@color, 50%);   // return @color with 50% transparency in rgba

那么这个

@yellow: #fbba00;

.bg-light-yellow {
    background-color: fade(@yellow, 20%);
}

符合这一点

.bg-light-yellow {
  background-color: rgba(251, 186, 0, 0.2);
}