Question

我想在我的角度组件中实现引导登录模板。该模板具有css样式，具有html，主体选择器样式。当我以全局样式添加css时，它可以工作，但是当我在component.css文件中添加css时，它不能工作。我应该在哪里将模板css添加到角度组件中？

login.component.css

html, body {
    background-image: url('http://getwallpapers.com/wallpaper/full/a/5/d/544750.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    font-family: 'Numans', sans-serif;    
}

当我在全局styles.css文件中添加上述代码时，页面正在打开，但是在login.component.css中添加css无法正常工作。

Answer 1

要设置诸如<html>或<body>之类的顶部标签的样式，您需要将样式放入通常位于项目styles.css文件夹中的主src文件中， {1}}文件是

。

由于组件样式已封装，因此它们不会影响其余的应用程序。有一些技巧，例如index.html，/deep/或>>>可以省略View Encapsulation，但这些技巧已被弃用。了解更多here。

如何为特定组件添加HTML，主体选择器样式？

1 个答案: