aタグのcssが反映されません

Question

aタグのcssが反映されなくて困っています。
headerのnav内のaタグを、文字色の変更と下線消去したいです。
他のCSSについては反映されています。

<nav>
   <ul class="header-list">
       <li class="header-item">
           <a href=" ">ABOUT</a>
       </li>

a {
     color: red;
     text-decoration: none;
}

また、画像では消してしまいましたが
全体の文字色を揃えたかったので、html自体に指定しようとした時も反映されませんでした。

pcの画面画像も載せておきますので、アドバイス頂ければと思います。
どうぞよろしくお願いします。