当一个类在组件之外时，在Angular组件中使用/deep/的CSS专用性

在Angular组件中使用/deep/的CSS专用性是一种用于修改组件外部样式的技术。在Angular中，组件样式是通过使用组件的选择器来限定的，这意味着组件样式只会应用于组件自身及其子组件，而不会影响组件外部的元素。

然而，有时候我们可能需要修改组件外部的样式，例如，当我们需要覆盖全局样式或者修改父组件的样式时。这时，可以使用/deep/伪类选择器来实现。

/deep/伪类选择器可以穿透组件的样式封装，从而影响组件外部的元素。它可以被应用于组件的样式文件（通常是.css文件）中的选择器，以修改组件外部元素的样式。

使用/deep/伪类选择器的语法如下：

:host /deep/ selector {
  /* 修改样式 */
}

其中，:host表示当前组件的宿主元素，/deep/表示穿透组件样式封装的关键词，selector是要选择的外部元素的选择器。

使用/deep/伪类选择器时需要注意以下几点：

1. /deep/伪类选择器只能在组件样式文件中使用，无法在组件模板中使用。
2. /deep/伪类选择器只能影响组件外部的元素，无法影响组件内部的元素。
3. /deep/伪类选择器在最新版本的Angular中已被废弃，推荐使用::ng-deep伪类选择器来替代。

使用/deep/伪类选择器的场景包括但不限于：

1. 覆盖全局样式：当需要修改全局样式时，可以使用/deep/伪类选择器来选择全局元素并修改其样式。
2. 修改父组件样式：当需要修改父组件的样式时，可以使用/deep/伪类选择器来选择父组件的元素并修改其样式。

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

腾讯云提供了一系列云计算产品，包括云服务器、云数据库、云存储等。您可以通过腾讯云官方网站了解更多详情：腾讯云。