css - 如何设置 mvc 局部视图，使其不受布局页面的 css 影响？

问题描述

在我的 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 影响？任何帮助将不胜感激。

标签： cssasp.net-mvcasp.net-mvc-layout

css - 如何设置 mvc 局部视图，使其不受布局页面的 css 影响？

问题描述

解决方案

推荐阅读