从 PartialView 中删除 css 和脚本答案

【问题标题】：Remove css and scripts from PartialView从 PartialView 中删除 css 和脚本
【发布时间】：2015-05-10 01:27:26
【问题描述】：

我想实施星级评分代码。为此，我使用了一个名为的 PartialView：

@{ Html.RenderAction("Rate"); }

目的是将星级代码与当前页面分开显示和处理。因此，我真的不需要使用父 .cshtml 中呈现的 css 或其他 javascript。

我正在删除布局如下：

@{ Layout = null; }

从控制器：

public ActionResult Rate() {
return PartialView(); }

但我注意到父级 css 和 javascript 搞砸了星级，因此我真的不想使用它们。如何保护局部视图？

【问题讨论】：

包含一个特定的 css 文件，用于设置部分元素的样式（但将其包含在主视图中）
问题是例如css 中的父级在样式表中具有“a”的格式。 partialview Star Rating 也作为“a”的样式表。我认为声明'！重要'真的没有必要。更好的方法是不要真正使用父 css 或脚本。
如果您的局部视图包含在一个元素中（比如）<div id="ratings">，那么在 css 文件 #ratings a { color: red; } 中覆盖另一个样式表中设置的颜色（只要这个是在之后加载的）另一种，样式将被覆盖 - 不需要!important。但不要将样式表放在局部（仅在主视图或布局中）

标签： javascript css asp.net asp.net-mvc razor

【解决方案1】：

解释为什么它不起作用的最好方法是用我生疏的绘画技巧来说明它......

请记住，PartialView 只是另一个 HTML 模板，它最适合用于在您的网站上重复的内容，例如，假设您正在开发一个博客，并且您已经构建了您想要的 cmets 在发帖查看，您将获取 HTML 内容并将其放在 _CommentsPartial.cshtml PartialView 中。同时将所有 CSS 样式放在根 _Layout.cshtml 文件中引用的实际 CSS 文件中。

PartialView 将为您博客上的每个单独评论呈现。同样的原则也适用于你的星星......

【讨论】：