时间戳

首页 > 解决方案 > 在 ASP.NET MVC 的视图中设置单独的 css 引用

css - 在 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 代码）}

标签： cssasp.net-mvcreference

解决方案

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. */

推荐阅读