ASP.NET Webアプリケーションを作成していますが、CSSスタイルを適用するのに問題が発生しています。現在、マスターページと1つのコンテンツページがあります。マスターページにはCSSスタイルが適用されていますが、コンテンツページには適用されていません。面白いのは、デザインビューでは、スタイルがコンテンツページに適用されていることですが、一度実行されると、ブラウザはそれを適用しません。内部と外部のスタイルシートを試しました。インラインは機能しますが、インラインは避けたいと思います。これが私が持っていて試したもののサンプルコードです
マスターページ:
<head runat="server">
<title></title>
<link rel="stylesheet" type="text/css" href="~/Styles/MasterStyleSheet.css" />
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
コンテンツページ:
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" type="text/css" href="~/Styles/LoginStyleSheet.css" />
<!-- <link href='<%= ResolveUrl("~/Styles/LoginStyleSheet.css") %>' rel="stylesheet" type="text/css" /> I tried this as well-->
</asp:Content>
構文が正しいことを人々が確認できるように、単純なcssファイルを追加しました。
LoginStyleSheet.css
#usrLabel {
color:Blue;
background-color:Aqua;
}
#Label4 {
background-color:Black;
}
どんな助けでも大歓迎です
アップデート#1
ヘッダーのHTML出力:
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../Styles/MasterStyleSheet.css" />
<!-- <link href="<%= ResolveUrl("~/Styles/MasterStyleSheet.css") %>" rel="stylesheet" type="text/css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="../Styles/LoginStyleSheet.css" /> -->
<!-- <link href='/Styles/LoginStyleSheet.css' rel="stylesheet" type="text/css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="~/Styles/LoginStyleSheet.css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="../Styles/LoginStyleSheet.css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="/Styles/LoginStyleSheet.css" /> -->
</head>
現在、多くの<link>
要素がコメント化されていますが、それらはすべて私が試したさまざまな方法です。
アップデート#2
まず、たくさんのご回答をいただきありがとうございます。それらはすべて、私の外部cssファイルが機能しない理由を理解することを目的としています。ただし、内部cssスタイルシートを試しても機能しません。インラインCSSのみが機能します。おそらく、外部のcssスタイルシートで同じ問題を解決する内部のcssスタイリングが機能しない理由の何が問題になっているのかを理解できれば