如何重载可视组件[库]的css样式？

Question

使用Angular 6，

我创建了一个多项目工作区。

此工作区包含：

• libraries（visual component）
• 商业项目

我的问题： 在一个项目中，我调用/使用一个库（可视组件），我需要改变可视组件的外观。

这是一个简单的例子：

Angular Project 1：

  

library.html

<div class="myclass">Visual component</div>  

  

library.css

.myclass {
   color: red;
}

  

library.ts

...
@component ({
   selector: 'compolabel',
   templateUrl: './library.html',
   styleUrls: ['./library.css']
})
...

Angular Project 2：

  

application.html

<compolabel></compolabel>

  

application.css

.myclass {
   color: blue;
}

/* this does not work
:: ng-deep .myclass {
   color: blue;
} */

  

application.ts

...

我的问题：

我希望文字的颜色为蓝色。

我该怎么办？什么是正确的方法？