Q&A
「初心者です」と書くより「初心者アイコン」を利用してください。
application.cssの内容どうなってますか？
質問は編集できるので追記、調整願います。
初めまして。rails初心者です。
さっそくなのですが、railsでapplication.cssにコードを書き、
<%= stylesheet_link_tag ‘application’, media: ‘all’, ‘data-turbolinks-track’: ‘reload’ %>
も、htmlに記述したのですが、反映されませんでした。
試しに拡張子を.cssから.scssに変えたところ反映されたのですが、
なぜcssだと反映されなかったのでしょうか？
知識不足で申し訳ありません。
モヤモヤしているのでどなたかご教授いただけないでしょうか。
内容は下の画像の通りです。
コードを画像で提示されても正しく認識・再現確認もできませんので、テキストベースでマークダウンを利用してご提示ください。
https://teratail.com/help#about-markdown
※ちなみにあくまで淡々と質問内容の不備を指摘して、追記修正依頼をしているだけでなので謝る必要はありません。
回答1件
0
ベストアンサー
.scssはSass（サス）というCSSを効率的に記述できるメタ言語（CSSプリプロセッサ）のファイルであることを表す拡張子です。
Sassにはsass記法とscss記法という2種類の記法があり、このうちscss記法で記述されたファイルは
拡張子を.scssとする決まりとなっています。
Sass自体についてはこちらのサイトなどでご確認ください。
さて、私はrailsが分からないのでプロジェクトファイルの構造等がどうなっているのか分からないのですが、
キャプチャを貼ったコードの冒頭に
This is a manifest file that'll be compiled into application.css, which will include all the files listed below.
「このファイル(application.scss）はapplications.cssにコンパイルするためのファイルだよー」としっかり書かれています。 ブラウザが読み込んで解釈できるのはcssファイルですが、このプロジェクトでは直接cssを書くのではなく、scssで記述したものをcssにコンパイル（変換・出力）してからHTMLに読み込む前提になっているのではないかと推測します。
拡張子をscssにしただけで表示された、とのことなので、
scssをcssにコンパイルする部分についてはきっと環境が自動的にやってくれるようになっているのでしょう。
見たところscssファイルの中に書かれているのはノーマルなcssであるようなので、
これを機会に少しSassを勉強して、効率よくCSSを書けるようにしてみるといいと思いますよー。
投稿2019/05/09 06:49
総合スコア3763
あなたの回答
tips
プレビュー
