时间戳

首页 > 解决方案 > 使用 AddRazorRuntimeCompilation 时出现 CSS 隔离问题

razor-pages - 使用 AddRazorRuntimeCompilation 时出现 CSS 隔离问题

问题描述

我使用 CSS Isolation，但是当我使用builder.Services.AddRazorPages().AddRazorRuntimeCompilation();CSS Isolation 时不起作用。

<link rel="stylesheet" href="~/WebApplication1.styles.css" asp-append-version="true" />

所有样式都将被加载，但我的元素负担不起。

h1[b-2uayqwgjuo]{
    color:red;
}
/* _content/WebApplication1/Pages/Privacy.cshtml.rz.scp.css */
h1[b-5u69ocmej3]{
    color:blue;
}

我该如何处理。

标签： razor-pages.net-6.0runtime-compilation

解决方案

::deep 例如，您必须使用

<div>
    <input id="first-name-input" type="text" />
</div>

如果要设置样式，first-name-input则必须这样做：

::deep #first-name-input {
    background: red;
}

摘要：如果任何元素没有5u69ocmej3像上面代码这样的随机元素，则必须为这些元素设置样式。

推荐阅读