Asp.net 母版页上的CSS覆盖本地页上的CSS_Asp.net_Html_Css

Asp.net 母版页上的CSS覆盖本地页上的CSS

asp.net html css

Asp.net 母版页上的CSS覆盖本地页上的CSS,asp.net,html,css,Asp.net,Html,Css,我在母版页上有一个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

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

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

<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>

如果您的意思是母版页中的css是串联的，那么外部css文件将不会超过串联样式。如果是这种情况，请尽量避免使用串联样式。

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

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