mixins.scss：在编写 CSS 样式之前的那些数组是什么答案

【问题标题】：mixins.scss: what are those arrays before writing CSS stylesmixins.scss：在编写 CSS 样式之前的那些数组是什么
【发布时间】：2022-02-04 06:46:11
【问题描述】：

这些是我添加的 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

【问题讨论】：

标签： css reactjs sass css-selectors less

【解决方案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;
  }
}

【讨论】：