linkしているのにHTMLにCSSが適用されない

Question

現在AWSのCloud9を使っています。
css適用記事を参考にlnk relの記述を行いましたが反映されません。
何か他に設定しなければならない記述などありますか？

<link rel="stylesheet" href="main.css">
<div id = "app">
  <h1 class = "head">テスト</h1>
</div>

.head {
    color: red;
}

htmlファイルはindex.htmlです
cssファイルはmain.cssです

Comments

[maisumakun]

ブラウザコンソールに何か出ていませんか？

[shirout]

テストの表示だけ出ていますが色が変わっていないです。。

[maisumakun]

いや、本体ではなくてコンソールの方です（F12などで開いてください）

[m.ts10806]

実行したブラウザ上での話ですね。

[shirout]

cloud9上で実行しているのですが、ここでコンソールを見ればいいですか？

[shirout]

Failed to load resource: the server responded with a status of 404 ():main.cssとありました。
colorは黒になっており反映されていませんでした。

Answer 1

<link rel="stylesheet" href="./../css/main.css">

cloud9では上記の記述だと適用されるそうです。
→./でhtmlの現在のディレクトリを表す
→.//で1つ上の階層を指定
→cssフォルダ指定
→main.cssファイル指定
で適用されました。

フォルダ構成は
プロジェクト直下にhtmlとcssフォルダを置きました。
プロジェクト→html→index.html
→css→main.css

コメント下さった方々ありがとうございました。