Использование оператора Same CSS: not () для нескольких классов

Question

.mat-header-cell:not(:nth-child(1)):not(:nth-child(2)),
.mat-cell:not(:nth-child(1)):not(:nth-child(2)) {
    text-align     : right;
    justify-content: right;
}

как я могу использовать: not (: nth-child (1)): not (: nth-child (2)) для обоих .mat-header и .mat-cell обычно?

Я хочу использовать это: not (: nth-child (1)): not (: nth-child (2)) один раз, но я хочу, чтобы он применялся к обоим .mat-header и .mat-cell

мой css работает, но я хочу, чтобы он был простым и меньше кодов

Answer 1

Вы можете использовать less или sass:

.mat-header-cell, .mat-cell {
  &:not(:nth-child(1)):not(:nth-child(2)) {
    text-align     : right;
    justify-content: right;
  }
}

less: http://lesscss.org/

Answer 2

вы можете сделать это так.

.mat-header-cell,
.mat-cell {
  &:not(:nth-child(1)):not(:nth-child(2)) {
    text-align     : right;
    justify-content: right;
  }
}

Для получения дополнительной информации проверьте эту документацию - S CSS

Сообщите мне, если вы все еще столкнетесь с какой-либо проблемой .