我正在尝试使用 Razor Pages、CSS 隔离在 ASP.NET Web 应用程序中设置正文、标题和表单标签的样式。在作用域 CSS 文件 (_Layout.cshtml.css) 中为某些 HTML 标记创建的样式不起作用。其他组件文件也是如此。在作用域 CSS 文件中为这些标签和样式类选择器添加类也不起作用。
代码 - _Layout.cshtml 的一部分：
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - RazorTest</title>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="~/css/_Layout.cshtml.css" asp-append-version="true" />
<link rel="stylesheet" href="~/RazorTest.styles.css" asp-append-version="true" />
</head>
<body>
<header>
<nav>
<div>
<img src="" alt="">
<a href=""></a>
</div>
</nav>
</header>
<div class="container">
<form action="">
<input type="text">
</form>
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<footer class="border-top footer text-muted"> …