2

我是 Angular 的新手，并试图用 W3 CSS 实现一些东西。我试图将此 CSS 添加到我的项目中。以下是我遵循的步骤

  1. 在我的项目目录中运行 npm install --save w3-css
  2. node_modules/w3-css/w3.css在 angular.json 中添加
"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>

但我看不到任何添加的课程。

注意：node_modules 文件夹和 angular json 在同一目录中。

4

1 回答 1

3

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

@import "../node_modules/w3-css/w3.css";
于 2020-06-04T16:29:42.290 回答