無法在 angular 9 項目中使用外部 css 樣式表

Question

我是 angular 的新手，並試圖用 W3 CSS 實現一些東西。 我試圖將此 css 添加到我的項目中。 以下是我遵循的步驟

1. 在我的項目目錄中運行 npm install --save w3-css
2. 在 angular.json 中添加node_modules/w3-css/w3.css 8CBA22E28EB17B5F5C6AE2A266AZ

 "styles": [ "src/styles.css", "node_modules/w3-css/w3.css" ],

之后，我嘗試將 css 類添加到我的組件 html 文件中

<div class="w3-container w3-border w3-large">
    <div class="w3-left-align"><p>Left aligned text.</p></div>
    <div class="w3-right-align"><p>Right aligned text.</p></div>
</div>

但我看不到任何 class 添加。

注意：node_modules 文件夾和 angular json 在同一目錄下。

Answer 1

在 style.css 文件中導入您的 css。

@import "../node_modules/w3-css/w3.css";