.scss 中 css 类 中无法识别的属性与 blazor web assembly

Question

我已经使用标准模板在我的 Blazor WASM 项目中编写了以下 css class：

    .edit-field {
    input {
        border-top: none;
        border-left: none;
        border-right: none;
        outline: none;
        display: block;
    }
    span {
        font-size: 12px;
    }
}

这是一个 .scss 文件。

然后我将其导入主 css 文件，该文件加载到页面。

似乎很难让它坏掉，但我明白了：

如果我从同一文件中的 class 中取出属性，问题就不会出现，并且一切正常。

我不是说这个或任何其他 .scss 文件是 css 隔离样式 sheet.

请帮忙。

Answer 1

实际上，这根本不是问题。看来，css 最初不支持嵌套样式，我一直在使用它，我利用了 scss 功能。我在我的 VS-19 中安装并配置了 Web 编译器扩展，它开始按我的意愿工作。