在ASP.NET MVC中的视图中设置单独的CSS参考

问题描述

我有一个带有一些css引用的布局，我只想为视图设置一些css引用。当我在视图中引用它时，它也适用于布局。
有什么办法吗？

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
}
<link href="/Content/vendor/bootstrap/css/bootstrap.rtl.min.css"   rel="stylesheet">
<div id="view">
    <div class="alert alert-primary" role="alert">
        همکار گرامی لطفا جهت دریافت فیش حقوقی کلیک کنید
        <a class="btn btn-primary" href="/">دریافت</a>
    </div>
</div>

CSS => #view { （引导rtl代码） }

解决方法

CSS由浏览器在客户端应用。而且浏览器没有“布局”与“视图”的概念。在浏览器中，所有文档都是一个文档，样式规则适用于该文档。

您可以使用这些样式规则来定位文档的特定部分。例如，如果您的“视图”包裹在<div>中：

<div id="myView">
  <!-- the rest of your view -->
</div>

然后，在CSS中，您可以将所有规则仅定位到该<div>中的元素：

#myView a {
  /* rules targeting links in the view */
}

#myView button {
  /* rules targeting buttons in the view */
}

/* etc. */