css - 无法从 :hover element & cannot see text-decoration:underline in chrome inspector 中删除下划线

Question

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

a:hover{text-decoration:none}

此处为 Chrome 检查器的屏幕截图

下面有更多的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;
}

应用.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';```

Answer 1

试试这个

a:hover{text-decoration:none}

不是这个

a:hover:{text-decoration:none}