在我的 asp.net mvc web 应用程序中,我有一个带有部分视图的剃须刀布局页面@Html.Partial("_HorizontalNavbar")
。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="@Url.Content("~/Content/kendo/2020.2.513/kendo.bootstrap-v4.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2020.2.513/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2020.2.513/angular.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2020.2.513/jszip.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2020.2.513/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
</head>
<body class="k-content">
@Html.Partial("_HorizontalNavbar")
<main>
<div class="container">
@RenderSection("featured", required: false)
@RenderBody()
</div>
</main>
</body>
</html>
对于局部视图,我不需要布局页面中引用的所有 css;实际上它会干扰部分视图内的 css。有没有办法设置部分视图,使其不受布局页面的 css 影响?任何帮助将不胜感激。