时间戳

首页 > 解决方案 > 对多个类使用相同的 CSS :not() 语句

html - 对多个类使用相同的 CSS :not() 语句

问题描述

.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 有效，但我希望它简单且代码更少

标签： htmlcssangularangular-material

解决方案

您可以使用 less 或 sass：

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

少： http: //lesscss.org/

推荐阅读