在www.example.com中,partial的外部CSS文件是否也以“_”开头asp.net?

eeq64g8w  于 2022-11-19  发布在  .NET
关注(0)|答案(1)|浏览(165)

我是 * ASP.NET * 新手,有几个问题。
我在同一个文件夹中有一个包含Index.cshtml的模块沿着_Partial1.cshtml_Partial2.cshtml
1.我应该为每个HTML文件创建单独的外部CSS文件还是使用每个模块的公共CSS文件?
1.如果是前者,则每个部分的CSS文件名是否也以_开头?
先谢谢你。

bqf10yzr

bqf10yzr1#

您可以为每个HTML文件创建单独的CSS文件,也可以用Index.cshtml编写所有CSS代码。
.Net6中有一个名为CSS Isolation的新功能。CSS isolation通过防止对全局样式的依赖来简化应用的CSS足迹,并有助于避免组件和库之间的样式冲突。默认情况下,ASP.NET Core 6.0项目启用CSS隔离。
所以如果你想为每个HTML文件创建单独的CSS文件,你可以使用CSS隔离,只需要创建一个名为<ViewName>.cshtml.css的css文件,它应该和视图在同一个文件夹中。
在您的项目中,您可以创建名为_Partial1.cshtml.css_Partial2.cshtml.css的CSS文件,然后项目结构将变成:

如果您使用的是.Net5,您可以尝试以下代码:

<link rel="stylesheet" href="~/css/P1.css">
<link rel="stylesheet" href="~/css/P2.css">

//......other code........
<div id="Pattial1">
    @await Html.PartialAsync("/Views/Shared/_Partial1.cshtml")
</div>

<div id="Partial2">
    @await Html.PartialAsync("/Views/Shared/_Partial2.cshtml")
</div>

CSS文件

#Pattial1 h1{
    color : red
}

//......

相关问题