悬停时我的按钮显示下划线。看着chrome检查器，我的CSS被忽略了，但是没有其他CSS正在设置

a:hover{text-decoration:none}

此处的屏幕截图

下面是两个摘要，更多的是HTML和CSS

HTML

<div class='container'>
      <br />
      <br />
      <h1 class='header center  red-text text-lighten-1'>INFOSHOT</h1>
      <div class='row center'>
        <h5 class='header col s12 light'>Better and Easier Research</h5>
      </div>
      <div class='row center'>
        <a
          href='/register'
          id='download-button'
          class='btn-large waves-effect waves-light  red lighten-1'>
          Get Started
        </a>

      </div>

CSS

text-decoration: none;
color:white;
}

app.css

    /* CSS RESET */
/* @import '@atlaskit/css-reset'; */

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Schemes */
/* @import './css/globalSettings.css'; */
/* Materialize */
@import url('https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Custom CSS */
@import './css/overides.css';```