Html 更新单个角垫徽章的样式

所以在我的代码中，我在两个不同的地方有mat徽章

<div matBadge="0" class="first"></div>
<div matBadge="1" class="second"></div>

但我希望这种风格只适用于第一组的徽章，怎么可能呢

---

我可以这样做吗？

您可以尝试以下方法：

.mat-badge-medium.mat-badge-overlap.mat-badge-after.first .mat-badge-content { /* Using first inside the multiple class selector */
  right: 15px;
}

输出：

---

在两个不同的地方？您确定DOM结构相同吗？您可能希望尝试以下操作：

.mat-badge-medium.mat-badge-overlap.mat-badge-after.first.mat-badge-content{right:15px；}

输出：非常感谢。如果你把它作为一个答案，我会批准它@m4n0

.mat-badge-medium.mat-badge-overlap.mat-badge-after.first .mat-badge-content { /* Using first inside the multiple class selector */
  right: 15px;
}