設定在 styles.css 中的設定,在 component 沒效果

Angular 版本: 8.3.20
請問有關 styles 的問題:

我在 src/styles.css 中設定一個背景顏色:

.bg-color-purple {
      background-color: #ad85fb !important ;
}

但是我在我的 nav.component.html 中,卻沒作用。nav.component.html 內容如下:

<div class="bg-color-purple">
    I am NavComponent
</div>

畫面:

FireFox Inspector 結果

可是如果我把 .bg-color-purple 移到 nav.component.css裡,就會出現效果:

FireFox inspector 結果:

這跟我的認知不一樣。我記得是說,放在 src/styles.css 中的,是所謂全域的styles.
請問有可能是什麼原因嗎?謝謝

Hi, 可以麻煩你在 stackblitz 弄個範例重現看看嗎?

對不起,我發現是我自己豬頭了。我在 angular.json 中把 styles.css 拿掉了。

沒事,問題有解決就好! :slight_smile: