Angular 6组件没有父样式

Question

UPD： 例如，我写了一些小代码。如何使用所有样式？如果在.scss文件中将其用作子组件，则会出现错误-导入“〜styles.scss”； 这意味着如果我们在项目中使用引导程序，那么我们就不能在子组件中使用col-lg，但是在父项中可以正常使用-例如。

我对父组件有简单的构造函数：

Styles.scss（在全局文件夹中）

.row {
background-color: black
}

Parent.html

<content></content>
<div class="row"></div>

Child.html

<div class="row"></div> 

所以在我的孩子中我没有黑色背景，但是在父母中却有黑色背景，这是怎么回事？

Answer 1

尝试：

.row {
    background-color: black !important;
}

Answer 2

尝试

::ng-deep .row {
   background-color: black
 }

Answer 3

尝试

:host ::ng-deep .row {
   background-color: black
}

Answer 4

尝试在应用程序的索引页面中添加。这是变化的反映

Index.html

.row { 背景色：黑色！重要 }

Answer 5

要全局定义样式，请将样式添加到angular.json文件的styles属性中。

...
"assets": ["src/assets", "src/favicon.ico"],
"styles": ["src/Styles.scss"]
...

或者如果不想将它们用作全局变量，请关注this answer