Q&A
質問者さん、無言ですが、回答が出ているのでそれらに対するフィードバックをタイムリーに返してください。役に立った/立たなかったぐらいはすぐに返せるのでは？ 役に立たなかったならどこがダメかを書くとより期待に近い回答が出てくるかも。とにかく無言は NG です。
解決したいこと
→rubyのdeviceにてログインページの実装をしているが、cssファイルを読み込むことができない。また、cssファイルはファイルごとに個別に読み込みたい。
行なった作業
①application.cssに記述されているrequire_tree .を削除
②cssファイル ”login.css” を作成、実装
③views/device/sessions/login.html.erbに
１ <head>
２ <div class='login-page' id='login-page'>
３ </head>........
を記述した。
《login.html.css》ファイル内の記述
an>hoge</span>.hoge</h2> <br>
<h3>ログインしてください</h3>
<%= render "devise/shared/links"%>
</div>
<%# ログイン入力フォーム %>
<div class='user-form' clearfix>
<%= form_with model: resource, as: resource_name, url: session_path(resource_name), local: true do |f|%>
<div class='field'>
<div class='field-label'>
<%= f.label :email%>
</div>
<div class='field-input'>
<%= f.email_field :email, autofocus: true%>
</div>
<div class='field'>
<div class='field-label'>
<%= f.label :password%>
</div>
<div class='field-input'>
<%= f.password_field :password, autocomplete: "off"%>
</div>
</div>
<div class='actions'>
<%= f.submit "Log in", class: 'btn'%>
</div>
</div>
<% end %>
</div>
<%# ログイン入力フォーム %>
※エディタはvscodeになります
確認方法や解決策などあれば教えていただきたいです
よろしくお願いいたします
回答2件
0
投稿2022/06/19 10:03
総合スコア92
0
ベストアンサー
ASP.NET Core にはフレームワーク組み込みで CSS 分離という機能があります。CSS スタイルを個々のビューに分離して、次のことを回避するのが目的です。
・維持が困難なグローバル スタイルへの依存関係
・入れ子になったコンテンツでのスタイルの競合
Ruby on Rails は分かりませんが、そういう組み込みの機能がないか探してみてはいかがですか。
ASP.NET Core の CSS 分離について詳しくは以下の記事の「(5) CSS 分離」のセクションを見てください。
Visual Studio 2022 の ASP.NET MVC アプリ
http://surferonwww.info/BlogEngine/post/2021/11/22/aspnet-mvc-application-created-by-visual-studio-2022.aspx
投稿2022/06/19 09:55
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
