Sass psuedo-选择器在Angular中不起作用

Sass伪选择器在Angular中不起作用的原因是由于Angular使用了Shadow DOM技术。Shadow DOM是一种将组件的样式和行为封装起来的技术，它可以防止组件的样式被外部样式影响，同时也可以防止组件的样式影响到其他组件。

由于Shadow DOM的存在，Sass伪选择器无法直接作用于组件的Shadow DOM内部。但是，我们仍然可以通过一些技巧来实现类似的效果。

一种解决方法是使用Angular的::ng-deep伪选择器。::ng-deep伪选择器可以穿透Shadow DOM，作用于组件内部的元素。例如，如果要为组件内部的某个元素设置样式，可以使用以下方式：

::ng-deep .my-element {
  // 样式定义
}

另一种解决方法是使用组件的:host伪类选择器。:host伪类选择器可以选择组件本身，而不是组件内部的元素。例如，如果要为组件本身设置样式，可以使用以下方式：

:host {
  // 样式定义
}

需要注意的是，使用::ng-deep和:host伪选择器可能会导致样式的全局污染和组件之间的样式冲突。因此，在使用这些伪选择器时，应谨慎使用，并避免滥用。

对于Angular中不起作用的Sass伪选择器，可以考虑使用上述的解决方法来实现类似的效果。同时，腾讯云提供了一系列与Angular开发相关的产品和服务，例如腾讯云云开发（Tencent Cloud CloudBase），它提供了一站式的云端一体化开发平台，可以帮助开发者快速构建和部署基于Angular的应用。您可以访问腾讯云云开发的官方网站（https://cloud.tencent.com/product/tcb）了解更多相关信息。