Html 如何在Angular 2中分离两个独立组件的CSS？

在组成部分1中

CSS--

HTML-

---

定义角度组件时，可以指定仅由组件使用的CSS样式表，如下所示：

从'@angular/core'导入{Component}；
@组成部分({
选择器：“应用程序我的组件”，
templateUrl:'my.component.html'，
styleUrls:['my.component.scss']//您可以将css文件路径放在
styleUrls
元数据的
@component（）下
decorori已经这样做了。它仍然在为这两个组件获取第一个css值。你找到什么了吗？没有。问题仍然存在于我的代码中。你能给我一个链接来查看源代码以帮助我识别你的问题吗？组件css装箱可以更改，但它应该在@Component注释中更改。也许你可以我在某个地方更改了默认行为。我已经这样做了。它仍然是两个组件的第一个css值。不应该是这样。您没有将样式表包含到任何HTML中，是吗？准确地说，您的代码中css文件名应该出现的唯一位置是在styleUrls数组中。我已经这样做了这样做了。但这两个组件都使用了第一个css值。然后，您的项目中出现了一些错误，这不是正常的行为。我建议您使用经过实验的开发人员查看整个代码。
ngx-dnd-container {
    color:black;
    background-color: white;
}

<ngx-dnd-container
            [model]="targetItemsA"
            dropZone="multiple-target-a"
          </ngx-dnd-container>

ngx-dnd-container {
    color:white;
    background-color: orange;
}

<ngx-dnd-container
            [model]="targetItemsA"
            dropZone="multiple-target-a"
          </ngx-dnd-container>