更改特定表格

Question

我想使用ngClass更改表格中特定行的字体颜色，但它不起作用。

我这样做

[ngClass]="{'total':item.key === 'Total'}"

在css中我有：

.total {
    background: white !important;
    font-weight: bold;
    color: green !important;
}

背景颜色正常，font-weight: bold也正常工作，这意味着应用了这个类，但颜色仍未改变。

当我检查时，我看到了这个

td[_ngcontent-c1] {
    color: #808080; 
}

如果!important也无效，我该如何覆盖？

我在很多地方使用td color: #808080;所以我无法改变这一点。

Answer 1

尝试应用以下颜色

选项1

<td [style.color]='condition?"#color1":"#color2">

选项2

<td [style.color]="{'total':item.key === 'Total'}">

第一个选项是通用选项，第二个选项符合您的条件。

您的代码的另一个问题。 color: green !important;以重要的形式给出。删除重要或添加重要的td类

td[_ngcontent-c1] {
    color: #808080 !important; 
}

Answer 2

您可以尝试：

Unable To Save

但似乎您的类未应用，因为表达式被评估为false。

确保item.key等于'Total'。

出于测试目的，您可以尝试：

[class.total]="item.key === 'Total'"

通过这种方式，您将看到您的情况是否被评估为真。