CSSがhtmlに反映されなくなりました
以前からチマチマと勉強していたhtml&CSSなのですが、macbookのOSをCatalinaに変えてから反映されなくなりました...
発生している問題・エラーメッセージ
以前のOS時代から書いていたコードです。
html
1<!DOCTYPE html> 2 3<html lang="ja" > 4 5 <head> <!-- head要素は、webページ上では反映されない --> 6 <meta charset="utf-8"> <!-- meta要素 html文書に関する情報 --> 7 <title>title</title> 8 <link rel="stylesheet" href="../common/css/style.css"> 9 </head> 10 11 <body> <!-- コンテンツ --> 12 13 </body> 14 15</html> 16
Catalinaにアップデート後、反映されなくなりました。
相対パスで外部のCSSファイル「style.css」を参照するようにしています。
フォルダの構造(分岐?)は、写真に載せた左側のProjectのようになっております。
試したこと
とりあえず、style.cssを01.htmlと同じフォルダに入れ
html
1<!DOCTYPE html> 2 3<html lang="ja" > 4 5 <head> <!-- head要素は、webページ上では反映されない --> 6 <meta charset="utf-8"> <!-- meta要素 html文書に関する情報 --> 7 <title>title</title> 8 <link rel="stylesheet" href="style.css"> 9 </head> 10 11 <body> <!-- コンテンツ --> 12 13 </body> 14 15</html>
としました。そうしたら、style.cssが反映されました。
お忙しい中恐縮です。どうぞよろしくお願いいたします。
質問追記
回答者様から「.../common/css/ ディレクトリの中にstyle.cssは存在するのでしょうか?」とご指摘をいただきましたので、スクリーンショットを載せさせていただきます。
画像の通りです。.../common/css/ ディレクトリの中にstyle.cssは存在しています。