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

我在这里的 idea 是,在_Layout.cshtml中,您有<head>个标记要使用,但在一个非布局视图中不是这样.<link>个标签放在哪里?

推荐答案

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

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

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

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

编辑:知道@RenderSection中的第二个参数false意味着使用此母版页的视图不需要该节,并且视图引擎将愉快地忽略视图中没有定义"Styles"节的事实,这一点很有用.如果为true,则视图不会呈现,除非定义了"Styles"部分,否则将抛出错误.

Css相关问答推荐

JavaFX如何在Tableview中使用默认和自定义的列标题CSS样式?

在ReactJS中使用动画在栅格上添加柱

在AND设计令牌上使用不同的主题

如何通过重复的网格区域来简化网格布局?

CSS 内联 Flex 和段落换行

背景图像允许溢出输入按钮

根据选项 colored颜色 更改 Select 文本 colored颜色

如何使 css 不重复同一个类?

tailwind css 中的自定义组状态

为什么 flexbox 中的 在应用居中时不会调整大小?

纯 CSS/JS 的 SVG 连续向内方形螺旋动画

在同一旋转中以度数变换旋转

使用 CSS 剪辑/裁剪背景图像

CSS如何使元素淡入然后淡出?

svg 背景图像位置始终在 Internet Explorer 中居中,尽管 background-position: left center;

单击时 HTML 输入字段未获得焦点

如何始终在浏览器中显示垂直滚动条?

如何在 CSS 中延迟 :hover 效果?

如何知道哪个 HTML 元素导致了垂直滚动条

为什么 CSS 中的光标:指针效果不起作用