在 Angular 7 中，要去除 SCSS 中的重复属性，可以使用以下方法：

  1. 使用变量：将重复的属性值定义为变量，并在需要的地方引用该变量。这样可以避免重复编写相同的属性值。

例如，如果你有多个元素具有相同的背景颜色，可以定义一个变量来存储该颜色：

$background-color: #f8f9fa;

.element1 {
  background-color: $background-color;
}

.element2 {
  background-color: $background-color;
}
  1. 使用 mixin：创建一个 mixin，将重复的属性组合在一起，并在需要的地方使用该 mixin。

例如，如果你有多个元素具有相同的字体样式，可以创建一个 mixin 来定义这些样式：

@mixin font-styles {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.element1 {
  @include font-styles;
}

.element2 {
  @include font-styles;
}
  1. 使用选择器嵌套：使用选择器嵌套来组织和减少重复的属性。将相关的元素放在同一个选择器下，并在内部定义它们的共同属性。

例如，如果你有多个具有相同样式的子元素，可以使用选择器嵌套来定义它们的样式：

.parent {
  color: #333;

 .child {
    background-color: #f8f9fa;
  }
}

通过使用上述方法，可以减少 SCSS 文件中的重复属性，提高代码的可维护性和可读性。选择适合你项目需求的方法，并根据具体情况进行应用。