禁用 SCSS 最后类型

Question

我用打字稿创建了一个页面。我的页面有 .html 、 .ts 和 .scss

所以当我 运行 我的网站并查看 google 的“检查页面”时，我的 table 里面有代码：td.mat-cell:last-带有右填充的类型：24px

我的 .SCSS 中没有关于此的任何内容。

那么如何正确删除此填充？ 我试试

td.mat-cell{
  padding-left: 0px;
  padding-right: 0px;
}

但是没用。

谢谢

Answer 1

在您的示例中，您正在设置 td.mat-cell {} 样式，但这不如 td.mat-cell:last-of-type {} 选择器具体。

试试这个：

td.mat-cell:last-of-type {
  padding-left: 0px;
  padding-right: 0px;
}

或者，如果您想对其进行一些格式化以利用 SCSS 嵌套（这纯粹是一种风格偏好）：

td.mat-cell {
  &:last-of-type {
    padding-left: 0px;
    padding-right: 0px;
  }
}