mixins.scss: 在写 CSS 样式之前那些数组是什么

Question

这些是我添加的自定义样式 mixins.scss，但我希望这些样式在 data-vb-theme default 和 dark 上实现，我该怎么做而不写一个单独的文件？

[data-vb-theme='default'] .ant-table-tbody > tr > td,
[data-vb-theme='default'] .ant-table tfoot > tr > td {
  padding: 0.05rem;
  padding-top: 0.05rem;
  padding-right: 0;
  padding-bottom: 0.05rem;
  padding-left: 0;
}

我不想重复 [data-vb-theme='dark'], [data-vb-theme='other'] 的代码和别的。我如何实现这一点我不熟悉 SCSS

Answer 1

由于您正在使用 sass，您可以使用 nesting

[data-vb-theme='default'],
[data-vb-theme='dark'],
[data-vb-theme='other'] {
  .ant-table-tbody > tr > td,
  .ant-table tfoot > tr > td {
    padding: 0.05rem;
    padding-top: 0.05rem;
    padding-right: 0;
    padding-bottom: 0.05rem;
    padding-left: 0;
  }
}