css – 在angular4中导入样式表

前端之家收集整理的这篇文章主要介绍了css – 在angular4中导入样式表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在尝试将我的项目从角度JS升级到角度4.我有样式表,我已经在角度JS项目中使用.

这是我的文件夹结构

enter image description here

我使用角度CLI创建了组件.
一切都很完美,但我不知道如何在角4项目中使用我的风格.
有人可以解释我如何在全球范围内使用我的风格吗?而且只在某些组件中?

最佳答案
您可以在angular-cli.json中添加样式:

"styles": [
  // Your styles go here
]

这适用于全球风格.本地样式(对于某个组件)位于一致的CSS文件中,该文件属于您的组件,例如foo.component.css.默认情况下,每个组件都有以下注释:

@Component({
  selector: 'app-foo',templateUrl: './foo.component.html',styleUrls: ['./foo.component.css'],})

因此,foo.component.css包含组件FooComponent的CSS.

看看这里:

> Component Styles
> Global styles

原文链接:https://www.f2er.com/css/427677.html

猜你在找的CSS相关文章