css - 如何在 Razor View 上引用 .css 文件?

标签 css asp.net-mvc razor

我知道如何在 _Layout.cshtml 文件上设置 .css 文件,但是如何在每个 View 的基础上应用样式表呢?

我的想法是,在 _Layout.cshtml 中,您有 <head>要使用的标签,但在您的非布局 View 之一中却不是这样。 <link>在哪里标签去了?

最佳答案

对于在整个站点中重复使用的 CSS,我在 <head> 中定义了它们节_Layout :

<head>
    <link href="@Url.Content("~/Styles/main.css")" rel="stylesheet" type="text/css" />
    @RenderSection("Styles", false)
</head>

如果我需要一些特定于 View 的样式,我会定义 Styles每个 View 中的部分:

@section Styles {
    <link href="@Url.Content("~/Styles/view_specific_style.css")" rel="stylesheet" type="text/css" />
}

编辑:了解@RenderSection 中的第二个参数 false 是很有用的,这意味着在使用此母版页的 View 上不需要该部分,并且 View 引擎将幸福地忽略没有“样式”的事实"在您的 View 中定义的部分。如果为 true,除非定义了“样式”部分,否则将不会呈现 View 并抛出错误。

关于css - 如何在 Razor View 上引用 .css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5021552/

相关文章:

asp.net-mvc - 如何在 Debug模式下应用捆绑转换?

jquery - 如何在 jQuery 中从 MVC View Foreach 使用 OnClick 函数

c# - asp.net mvc 中的规范链接

css - bootstrap css 如何针对所有类 .table 独立于父/子?

css - Highcharts 中的工具提示文本对齐方式为 'direction: rtl'

javascript - 在 parcel.js 中为部署的网站添加 Autoprefixer 会破坏所有网站样式吗?

c# - 此代码显示 ol 中的 li 数

javascript - 是否可以仅使用样式将一个元素相对于另一个动态调整大小的元素定位?

asp.net-mvc - 后期操作中的模型更改在 Html.TextBoxFor 中不可见?

asp.net-mvc - 如何处理具有多个聚合根的 View 模型?