母版页上链接的CSS不适用于内容页上的控件

母版页上链接的CSS不适用于内容页上的控件,css,asp.net,Css,Asp.net,我正在尝试为网页制作一个警告横幅。我在面板的div中使用标签,页面上声明了一些css样式。我不想在每个页面上声明这些样式,所以我将它们移动到我的Site.css文件(母版页使用)。问题是当我这样做时,css样式没有被应用。母版页上的所有内容都已正确格式化,但内容页中声明的控件未正确格式化 以下是我在内容页上看到的内容: <asp:Content ID="Content2" ContentPlaceHolderID="ErrorMessages" runat="server"> &l

我正在尝试为网页制作一个警告横幅。我在面板的div中使用标签,页面上声明了一些css样式。我不想在每个页面上声明这些样式,所以我将它们移动到我的Site.css文件(母版页使用)。问题是当我这样做时,css样式没有被应用。母版页上的所有内容都已正确格式化,但内容页中声明的控件未正确格式化

以下是我在内容页上看到的内容:

<asp:Content ID="Content2" ContentPlaceHolderID="ErrorMessages" runat="server">

<asp:Panel ID="WarningBanner" runat="server" CssClass="warningPanel" Visible="true">
    <div class="warningDiv">
        <asp:Label ID="testLabel" runat="server" Text="test" CssClass="warningLabel"></asp:Label>
    </div>
</asp:Panel>

<style>
.warningPanel {
    margin: auto;
    width: 1000px;
    background-color: red;
    border: 10px solid red;
}

.warningLabel {
    display: block;
    color: white;
    font-size: large;
}

.warningDiv {
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
}
</style>

</asp:Content>

我做错了什么?

您的代码没有问题。您可能没有为CSS文件指定正确的文件路径。再检查一遍。此外,您还有一个输入错误:

<div id="body">
    <asp:ContentPlaceHolder runat="server" ID="ErrorMessages" />
<div/>

应该是:

<div id="body">
    <asp:ContentPlaceHolder runat="server" ID="ErrorMessages" />
</div>

您的代码没有问题。您可能没有为CSS文件指定正确的文件路径。再检查一遍。此外,您还有一个输入错误:

<div id="body">
    <asp:ContentPlaceHolder runat="server" ID="ErrorMessages" />
<div/>

应该是:

<div id="body">
    <asp:ContentPlaceHolder runat="server" ID="ErrorMessages" />
</div>

CSS文件通常由浏览器缓存。发生这种情况时,对样式所做的更改将不会显示在HTML显示中

更改CSS内容后,可以清除浏览器缓存以查看修改的样式。另一种方法是将查询字符串附加到链接中,这也可以确保客户端在不清除浏览器缓存的情况下看到更新的CSS:

<link href="~/Content/Site.css?version=2.5" rel="stylesheet" type="text/css" />


每次修改CSS文件时,您都会设置一个新的
版本
编号,以强制下载更新后的CSS文件。

CSS文件通常由浏览器缓存。发生这种情况时,对样式所做的更改将不会显示在HTML显示中

更改CSS内容后,可以清除浏览器缓存以查看修改的样式。另一种方法是将查询字符串附加到链接中,这也可以确保客户端在不清除浏览器缓存的情况下看到更新的CSS:

<link href="~/Content/Site.css?version=2.5" rel="stylesheet" type="text/css" />


每次修改CSS文件时,您都会设置一个新的
版本
号,以强制下载更新的CSS文件。

尝试清除浏览器缓存,看看它是否解决了您的问题。@ConnorsFan解决了我的问题!谢谢!我按照您的建议添加了一个答案。请尝试清除浏览器缓存,看看它是否解决了您的问题。@ConnorsFan解决了我的问题!谢谢!我按照您的建议添加了一个答案。我的文件路径是正确的。如果不是,那么母版页上的html和asp控件的格式都不正确。我同意Milan的观点,代码看起来不错,除了一些关闭控件的输入错误
。你是说Site.css中的一些样式正在应用,而不是警告面板、标签、div样式?如果是这样的话,似乎是缓存问题。我的文件路径是正确的。如果不是,那么母版页上的html和asp控件的格式都不正确。我同意Milan的观点,代码看起来不错,除了一些关闭控件的输入错误
。你是说Site.css中的一些样式正在应用,而不是警告面板、标签、div样式?如果是这样,这似乎是一个缓存问题。