Z-index 在 CSS 中包含 #

Question

我最近从 angular 10 更新到 12。

我用SCSS.

更新后，我注意到我的徽标在内容后面，并且我所有的 z-index 值都在这些值前面添加了#，我不知道原因，也找不到有关此更改起源位置的任何有用信息来自或什么原因。

除了 src package.json 包更新

之外，我的配置文件或构建管道没有任何变化

我还使用 angular material 作为我的 UI 组件库并另外导入了 bootstrap 间距模块

我知道 CSS 无效。 （构建后）。它在设计时有效，但在运行时构建后，无论出于何种原因，它都会在前面加上标签。

更新前情况并非如此

这是设计时间

这是我在这里缺少的一些新 angular 功能吗？在文档中找不到任何相关内容。

这与常春藤有关吗？

编辑：

我相信这可能与最近的 sass API 从 @import 到 @use 语句的更改有关。 ng update 命令应该（根据文档）为我更新和重构 scss，但事实并非如此。

一旦我完成重构，如果它解决了这个问题，我会post它作为答案

Answer 1

检查它是否从父 class 继承了 z-index。如果是，则将其放在父 class.

之外

Answer 2

更新到 Angular 的最新可用版本。我在 12.0.1 上遇到了同样的问题，在 ng update (12.0.5) 之后问题得到解决。