質問: いつもお世話になっています。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 --- 【質問の主旨】 ------- ![画像の説明をここに入力](https://i.stack.imgur.com/RhCLW.png) 上記の画像はこちらの記事の画面下部を表しています。(ネイビー色の)タグの箇所は`div`タグで囲んでいて、「のんさん関連記事」は`asideタグ`で囲んでいます。`div`タグと`aside`タグの間隔がつまりすぎているように見えますので、両者に適当な間隔つけたいと考えています。使用しているCSSファイルにどんなセレクタとプロパティを指定すれば良いでしょうか? 【質問の補足】 ------- ### 1. タグの箇所(div)について ``` .kiji-tag { margin-bottom: 30px; /* 追記 */ padding-top: 30px; } ``` `margin-bottom: 30px;`を追記しましたが、タグと「のんさん関連記事」の間隔はあきませんでした。 ### 2. 「のんさん関連記事」(aside)の箇所について ``` aside .mymenu mymenu-thumb { margin-top: 20px; } ``` 上記のセレクタ・プロパティを追記しましたが、タグと「のんさん関連記事」の間隔はあきませんでした。 ### 3. コードについて 【質問の主旨】で挙げたWebサイトのコードは、master_css_20190913ブランチとしてGitHubで公開しています。 (Webサイト全体) (スタイルシート) ### 4. 表示させているブランチ 現在、【質問の主旨】で挙げたURLはmasterブランチを使用して表示させています。 --- 以上、ご確認よろしくお願いします。
回答: !画像の説明をここに入力 style.cssに下記のスタイルを記述すると、意図通りの動作ができました。 ``` .mymenu mymenu-thumb { margin-top: 20px; } ``` スタイルが当たらなかった原因はCSSの記述ではなく、ファイルのアップロードに問題がありました。 ブログサイトを公開するために使用しているサーバー(さくらのVPS)でstyle.cssを確認すると、権限が`644`でユーザー・グループ名が`root:root`になっていました。権限を`664`に、ユーザー・グループ名を`apache:一般ユーザー名`に変更すると上記のスタイルが当たるようになりました。みなさんどうもありがとうございました。