Angular 我怎样才能使上面标题中的“mat card subtitle”变成红色？

我学习角度材料，我有这个代码

  <mat-card-header>
    <mat-card-title>Search for books</mat-card-title>
    <mat-card-subtitle>press enter on search</mat-card-subtitle>
  </mat-card-header>

问题是现在所有人都是红色的。我怎样才能使上面标题中的mat卡字幕变成红色？

在中添加自定义CSS类 HTML

---

将一个类添加到mat card子标题中，并为特定类添加颜色

.classname{color:red}

---

您是否尝试过使用浏览器检查工具来查找字幕的真实css类名？谢谢，我希望搜索时按enter键将标题文本居中，如何做到这一点？尝试使用文本对齐：居中内。红色文本在中CSS@ExocetKid我已经根据你们的评论编辑了答案。

  <mat-card-header>
    <mat-card-title>Search for books</mat-card-title>
    <mat-card-subtitle class="red-text">press enter on search</mat-card-subtitle>
  </mat-card-header>

.red-text {
  font-size: 10px;
  color: red !important;
  text-align: center !important;
}

.classname{color:red}