从 styles.scss 为所有组件设置 Angular 样式

Question

是否可以在例如定义样式？适用于所有组件选择器的 styles.scss (app-componentA, app-componentB ...) ?

我知道我可以为每个选择器单独添加样式，但我担心将来添加新组件时会忘记它...

简而言之，我不想每次都重复代码。

有什么想法吗？

编辑： 我正在寻找一个解决所有 Angular 组件的“css-query”。所以某种通配符像

styles.scss
.app* { 
  margin-left: 20px; // will be applied to all DOM elements starting with app
}

Answer 1

在您的组件中

@Component({
  selector: 'compA',
  templateUrl: './compA.component.html',
  styleUrls: ['./compA.component.css'],
  encapsulation:  ViewEncapsulation.None
})

Answer 2

尝试不封装：

@Component({encapsulation: ViewEncapsulation.None})

或全局关闭封装 或为 compA 和 compB 等所有组件添加一些类 或者在 style.scss 中写 compA, compB { /* some stiles */ }