CSS 未应用于 razor 页面中的 asp-页面标记

Question

这是.NET6 razor pages项目，我用的是VS2022。

这是在_Layout.cshtml.

<ul class="list-unstyled ml-2">
    <li>
        <a href="/TEST">TEST</a>
        <a asp-page="TEST/Index">TEST1</a>
    </li>
    ...

导航栏中有 2 个锚标记，但 _Layout.cshtml 中的 css。由于没有属性，css 未应用于具有 asp-页面标记的标记“ b-l76pcumf24

谁能解释为什么以及如何让它与 asp-页面标签助手一起工作？

谢谢

Answer 1

CSS 隔离是构建时的特性。标签助手输出是在运行时生成的，因此它们不支持 CSS 隔离功能。这是设计使然。

设置您自己的 href 属性，就像您的第一个 link 一样，不要将任何自定义 asp-* 属性应用于锚点。