[解決済み] razor ビューで .css ファイルを参照するには?
2022-04-11 23:34:02
質問
_Layout.cshtml ファイルに .css ファイルを設定する方法は知っていますが、ビュー単位でスタイルシートを適用するのはどうでしょうか?
ここで私が考えているのは、_Layout.cshtmlの中にある
<head>
タグを使用することができますが、非レイアウトビューの1つではそうではありません。この場合
<link>
タグはどこに行くのでしょうか?
解決方法は?
サイト全体で再利用するCSSは
<head>
セクションの
_Layout
:
<head>
<link href="@Url.Content("~/Styles/main.css")" rel="stylesheet" type="text/css" />
@RenderSection("Styles", false)
</head>
を定義し、ビュー固有のスタイルが必要な場合は
Styles
セクションを作成します。
@section Styles {
<link href="@Url.Content("~/Styles/view_specific_style.css")" rel="stylesheet" type="text/css" />
}
Edit: @RenderSectionの2番目のパラメータであるfalseは、このマスターページを使用するビューではセクションが必要ないことを意味し、ビューエンジンはビューに"Styles"が定義されていないことを完全に無視することを知っていると役に立ちます。trueの場合、ビューはレンダリングされず、"Styles"セクションが定義されていない限りエラーがスローされます。
関連
-
[解決済み】ダウンロードしたフォントのデコードに失敗しました。
-
[解決済み] font: inheritを使用する目的は何ですか?
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] CSS 不透明度 - 背景色
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSは常にJavascriptより優先されるべきか?
-
[解決済み] CSSの爆発を管理する
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】display:noneの反対語はあるのか?
-
[解決済み】divの重なりについて
-
[解決済み] <div style="display:none">によるテーブルデータの非表示。
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] FontAwesomeによる星評価用CSS
-
[解決済み] Ionicカードリスト作成
-
[解決済み] Bootstrap 3 で列からパディングを削除する
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?
-
[解決済み】ASP.NET MVC 3 Razor: JavaScriptファイルをheadタグにインクルードする。