Angularで子コンポーネントに css を overrideする

● Angularで子コンポーネントに css を overrideする

.ts ファイル

import { Component, ViewEncapsulation } from '@angular/core';

encapsulation: ViewEncapsulation.None を使用します

.ts ファイル

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.scss'],
  encapsulation: ViewEncapsulation.None
})

export class HeaderComponent {

}

.scss ファイル

app-header {
  // your styles here and any child component styles can go here
}
No.1911
11/25 21:17

edit