禁用 SCSS last-of-type

Question

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

所以当我运行我的网站并查看谷歌的“检查页面”时，我的表格里面有代码：td.mat-cell:last-of-type with padding-right: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;
  }
}