TR 背景颜色与 Table 背景颜色合并

Question

我人生中第一次遇到奇怪的麻烦，table 和

table.csr-table td:first-child {
    width: 70px;
    background: rgba(84, 46, 121, .2);
}

它改变了列的所有第一个单元格的颜色，现在我有另一个 class

.headerCell,.headerRow {
    background: rgba(84, 46, 121, .2);
}

它也有相似的背景颜色，但是当两者都被规则应用时，颜色会自行合并并形成一种新颜色，我想避免这种情况，请帮忙

Answer 1

您正在使用 rgba，a 代表 alpha。 alpha 对颜色应用透明度，因此当有不止一种颜色时它们将合并。您可以改用 rgb（至少对于第二种颜色）。

Answer 2

您需要为类似 rgb(221,213,228) 使用纯色，而不是具有透明度 (alpha) 的颜色。你应该可以从你的设计中找到正确的值，或者设计师可以给你？

TR background color merges with Table background color