一回も披露したことのない豆知識

css
/test.htm
/style.scss
|-css
/style.min.css
/style.min.css.map

(test.htm)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>

<div>01</div>

</body>
</html>

(style.scss)
* {
border: solid 1px #333;
}

どうすればスタイルが付きますか ?

A 回答 (2件)

No1です



scssは使ったことがありませんけれど、インデントや改行の有無、コメントの削除など、何種類かのコンパイル方法が用意されているようです。

名前から想像するところ、~min.cssは「compressed」での出力なのではないでしょうか?
(内容を見てみればわかるはずと思います。)
https://shanabrian.com/web/sass/compile.php
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
SCSS 結構面倒ですよね。

お礼日時:2021/11/28 17:07

こんにちは



linkタグで参照設定しているのは「style.css」になっていますけれど、「style.css」は正しいディレクトリに存在していますか?
「style.scss」はコンパイル済みなのでしょうか?
    • good
    • 0
この回答へのお礼

正しいかはわからなかったのですが、
style.scss コンパイル後に出力した
css/style.min.css に link タグを設定したところ、
スタイルが付きました。

そういうものなんでしょうかね ???

お礼日時:2021/11/28 16:31

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!