Angular各component的css樣式定義,只會應用在各個css上。

因為Angular在ViewEncapsulation的預設,會在html的表現上,同個component都會套用同一個獨特的屬性ID。

可以在component.ts做設定:

1
2
3
4
@Component({
...
encapsulation: ViewEncapsulation.None,
})

設定為None的話,這個component.css的樣式,會套用到所有網頁元素。
Angular的預設為ViewEncapsulation.Emulated。