1

我在母版页上有一个 CSS 文件（mpcss.css）。在其中一个内容页面上，我需要为大多数控件设置完全不同的样式。在这里，我创建了一个名为的新 CSS 文件并将contentcss.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>
4

2 回答 2

2

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 无法覆盖这些值。

于 2012-07-22T13:23:59.510 回答
0

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

于 2012-07-22T13:19:58.313 回答