css - 母版页 CSS 使用母版页覆盖 Web 表单 CSS

Question

更新

我的语法不正确 ~/Styles/Default.css 需要/Styles/Default.css

我有一个链接到母版的 CSS 页面。

现在我创建了使用母版页的 Default.aspx 页面

在 Default.aspx 中

<asp:Content ID="ContentHead" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" runat="server" href="~/Styles/Default.css" type="text/css"/>
</asp:Content>

<asp:Content ID="ContentBanner" ContentPlaceHolderID="banner" runat="server">
    <div id="banner">
        <img src="/Images/Banners/banner.gif" />
    </div>
</asp:Content>

默认.css

#banner
{
    background-color:#FDFD82;
}

在 VS 中，我正确地看到了那个 div 的背景颜色，但是当我在 IE 中加载它时，它没有显示。 如果我将样式编码到 div 部分而不是 CSS，它就可以工作。

我在这里错过了什么？

Answer 1

visual studio 会重新加载样式表，但浏览器不会，它会缓存一次并使用它，除非您重新加载它。

因此，要么在浏览器中按 Ctrl + R 刷新它并让它重新加载所有资源，要么使用一个技巧让浏览器重新加载样式每次工作表:

<link rel="stylesheet" runat="server" href="~/Styles/Default.css?<%=DateTime.Now %>" type="text/css"/>

查看链接，我附加了一个带有当前时间的查询字符串。时间总是在变化，这让浏览器认为它是不同的工作表，并且每次都重新加载它。