Question

我在母版页上有一个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>

Answer 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不能覆盖这些值。

Answer 2

如果您的主页中的css是内联的，那么您的外部css文件将不会超过内嵌样式。如果是这种情况，请尝试偏离内嵌样式。

主页上的CSS覆盖本地页面上的CSS

2 个答案: