Angular ::ng-deep不能在全局风格下工作

Angular中的::ng-deep是一个CSS伪类选择器，用于在组件样式中穿透到子组件的样式。它允许我们在组件样式中修改子组件的样式，即使这些样式被封装在子组件的Shadow DOM中。

然而，::ng-deep不能在全局样式中工作。这是因为Angular使用了Emulated Encapsulation（模拟封装）来实现组件样式的隔离性。在Emulated Encapsulation模式下，Angular会为每个组件生成唯一的CSS选择器，以确保组件样式只应用于该组件及其子组件。

当使用::ng-deep在全局样式中时，Angular无法确定应该将样式应用于哪个组件，因为全局样式不与特定组件关联。因此，::ng-deep在全局样式中不起作用。

如果您想在全局样式中修改组件样式，可以考虑以下几种方法：

1. 使用:host选择器：使用:host选择器可以在组件的根元素上应用样式。例如，如果要修改一个组件的背景颜色，可以在全局样式中使用:host选择器来选择该组件的根元素，并设置背景颜色。
2. 使用全局样式文件：您可以在Angular项目中创建一个全局样式文件，并在angular.json配置文件中将其引入。在全局样式文件中，您可以直接修改组件样式，而无需使用::ng-deep。
3. 使用自定义CSS类：您可以在组件中定义一个自定义CSS类，并在全局样式中使用该类来修改组件样式。在组件模板中，将自定义CSS类应用于组件的根元素，然后在全局样式中选择该类并设置样式。

需要注意的是，以上方法都是在全局样式中修改组件样式的替代方案，它们可能会破坏组件的封装性和可重用性。因此，在使用这些方法时，应谨慎考虑其影响，并确保不会导致样式冲突或不可预料的行为。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
• 人工智能平台 AI Lab：https://cloud.tencent.com/product/ailab
• 物联网开发平台 IoT Explorer：https://cloud.tencent.com/product/iotexplorer
• 移动开发平台 MDP：https://cloud.tencent.com/product/mdp
• 云存储 COS：https://cloud.tencent.com/product/cos
• 区块链服务 BaaS：https://cloud.tencent.com/product/baas
• 元宇宙服务：https://cloud.tencent.com/product/metaspace