#html #css #angular #sass #angular-material
#HTML #css #угловой #sass #угловой-материал
Вопрос:
Итак, в моем коде у меня есть мат-значки в двух разных местах,
<div matBadge="0" class="first"></div>
<div matBadge="1" class="second"></div>
Я хочу применить следующий стиль,
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: 4px;
}
Но я хочу, чтобы стиль применялся только к значку в первом div. Как можно
Я это делаю?
Комментарии:
1. В двух разных местах? Вы уверены, что структура DOM одинакова?
2. Возможно, вы захотите попробовать это:
.mat-badge-medium.mat-badge-overlap.mat-badge-after.first .mat-badge-content { right: 15px; }Вывод: angular-dfxdsc.stackblitz.io3. Это сработало, большое вам спасибо. Если вы добавите его в качестве ответа, я его одобрю. @m4n0
Ответ №1:
Возможно, вы захотите попробовать это:
.mat-badge-medium.mat-badge-overlap.mat-badge-after.first .mat-badge-content { /* Using first inside the multiple class selector */
right: 15px;
}
Вывод:
