对多个类使用相同的 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;
}
}

少 ： http://lesscss.org/

Answer 2

你可以这样做。

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

有关更多参考，请查看此文档 - SCSS

如果您仍然遇到任何问题，请告诉我。