母版頁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>

Default.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"/>

看一下鏈接，我在查詢字符串后面加上了當前時間。 時間總是在變化，這使瀏覽器認為它是不同的工作表，並每次都重新加載它。