母版页上的 CSS 覆盖本地页面上的 CSS答案

【问题标题】：CSS on Master page overwriting CSS on local page母版页上的 CSS 覆盖本地页面上的 CSS
【发布时间】：2012-07-23 04:37:12
【问题描述】：

我在母版页上有一个 CSS 文件 (mpcss.css)。在其中一个内容页面上，我需要为大多数控件设置完全不同的样式。在这里，我创建了一个名为 contentcss.css 的新 CSS 文件并将其包含在内容占位符中：

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="JQuery/jquery-1.7.2.min.js" type="text/javascript"></script>
    <link href="Styles/ssjquery.css" rel="stylesheet" type="text/css" />
</asp:Content>

但母版页中的 CSS 仍然会覆盖本地 CSS。我该如何解决这个问题？

编辑：我没有内联样式。我有 2 个不同的 CSS 文件，mpcss.css 和 contentcss.css：

母版页上的 CSS

<head runat="server">
    <link href="~/Styles/mpcss.css" rel="stylesheet" type="text/css" />
</head>

内容页面上的 CSS

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="JQuery/jquery-1.7.2.min.js" type="text/javascript"></script>
    <link href="Styles/contentcss.css" rel="stylesheet" type="text/css" />
</asp:Content>

【问题讨论】：

标签： asp.net html css

【解决方案1】：

CSS 顾名思义是级联的，意思是最后来的人会覆盖其余的。

所以，如果你有两个 css 文件：

<link href="Styles/master.css" rel="stylesheet" type="text/css" />
<link href="Styles/newone.css" rel="stylesheet" type="text/css" />

在这种情况下，newone.css 规则将覆盖 master.css 规则。

请注意，如果您有内联样式（即 html 本身中的样式标签），css 无法覆盖这些值。

【讨论】：

【解决方案2】：

如果您的意思是母版页中的 css 是内联的，那么您的外部 css 文件将不会覆盖内联样式。如果是这种情况，请尝试远离内联样式。

【讨论】：

Docbrand，masterpage 使用了一个名为 mpcss 的文件。它不是内联样式。此特定页面使用 contentcss。有 2 个不同的 css 文件。