我是 * ASP.NET * 新手,有几个问题。我在同一个文件夹中有一个包含Index.cshtml的模块沿着_Partial1.cshtml和_Partial2.cshtml。1.我应该为每个HTML文件创建单独的外部CSS文件还是使用每个模块的公共CSS文件?1.如果是前者,则每个部分的CSS文件名是否也以_开头?先谢谢你。
Index.cshtml
_Partial1.cshtml
_Partial2.cshtml
_
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文件,然后项目结构将变成:
.Net6
CSS Isolation
CSS isolation
<ViewName>.cshtml.css
_Partial1.cshtml.css
_Partial2.cshtml.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 } //......
1条答案
按热度按时间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,您可以尝试以下代码:
CSS文件