Html 角度条件类被重写

我有两个CSS类，

datetoday

有条件地应用于一个元素，但它不起作用，因为date覆盖了它

.date-today {
    color: red;
}

.date {
    color: green;
}

组件网：

[ngClass]="{ 'date-today': date.isToday() }"

---

如何让

datetoday

类重写

date

？

更改css规则的顺序以防止重写（它调用）

/*日期优先*/
.日期{
颜色：绿色；
}
/*今天第二天*/
.今天的日期{
颜色：红色；
}

日期

您可以更改

颜色：红色至
颜色：红色！重要的
但是您可以将
日期
类设置移动到
[ngClass]
中，并按如下顺序放置

[ngClass]="{ 
    'date': !date.isToday(),
    'date date-today': date.isToday()
}"

你可以用这个

<p [class.date]="!today" [class.date-today]="today">
  Start editing to see some magic happen :)
</p>
<button (click)="today = true">today</button>


开始编辑以查看发生的奇迹：）

今天
您可以提供您使用过的完整html代码以及包含
date.isToday（）
的ts吗？为什么不删除破折号并将类编写为
dateToday
？这样它就不应该覆盖它。。。