爲什麼CSS只應用到我的母版頁中？

Question

在我的母版頁的頭部，我有一個鏈接到外部CSS文件

<link href="style.css" rel="stylesheet" type="text/css" /> 

雖然我能夠應用的樣式在設計時子頁面...

<asp:Label ID="Label" runat="server" CssClass="BodyText" Text="This is a link"></asp:Label> 

...在運行時子頁面沒有樣式。

那麼，我在這裏錯過了什麼？

Answer 1

CSS文件（以及任何其他文件 - 圖像，JavaScript等）的路徑是相對於頁面（瀏覽器中的頁面地址）。如果母版頁位於與該頁面不同的文件夾中，則可能找不到該css文件。

嘗試使用任一絕對路徑，相對於根目錄的路徑，或類似這樣的CSS文件的路徑：

<link href="~/style.css" rel="stylesheet" type="text/css" /> 

Answer 2

如果您的子頁面位於子目錄中，他們也會期望該目錄中的樣式表。將對樣式表的引用更改爲../style.css或/style.css應該有所幫助。

Answer 3

嘗試使用根操作符「〜」的樣式在你的母版頁：

<link type="text/css" href="~/css/style.css" rel="stylesheet" /> 

ASP.NET解決了〜運營商當前應用程序的根目錄。您可以將〜操作符與文件夾結合使用來指定基於當前根目錄的路徑。