CSSにて、特定のセレクタだけ装飾等が反映されない

本を参考にコードを書いていたのですが、いざCSSで装飾等しようとしても何故かbodyタグだけchromeに反映されません。(paddingやmargin、background-colorを実行しようとしましたが、いずれもだめでした。)
親要素繋がり(？)でheaderでも同じように背景色を変えてみましたが、こちらは問題なく反映されました。
誤字・脱字チェック、ネットで原因とされているもののチェック、文章等を少し変えていたので、本をそのまま丸写しして書いてみても変化がなく…。すみませんが、どなたか原因や対処法がわかる方おられませんでしょうか。ご回答よろしくお願いします。(用語等間違って使っていたらすみません。)

該当のソースコード

(申し訳ありませんが、殆ど本を丸写ししたものになります。)

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプルページ</title> <link rel="stylesheet" href="css/style.css"> </head> <body>

<!-- headerはじまり -->
<header>
  <div class="logo">
    <a href="index.html"><img src="images/logo.png" alt="SNAPPERS"></a>
  </div>
  <nav>
    <ul class="global-nav">
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>
<!-- headerおわり -->

<!-- wrapはじまり -->
<div id="wrap">
  <div class="content">

  </div>
</div>
<!-- wrapおわり -->

<!-- footerはじまり -->
<footer>
  <small>(c)2017 </small>
</footer>
<!-- footerおわり -->