为什么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解决了〜运营商当前应用程序的根目录。您可以将〜操作符与文件夹结合使用来指定基于当前根目录的路径。