html - CSS 不能停止下划线

Question

您好，我在停止 HTML 超链接上的下划线时遇到了问题。我在 CSS 中添加了 text-decoration:none; 但这似乎不起作用，有什么建议吗？

header.main h1 {
  margin-bottom: 2rem;
  font-size: 55px;
  color: #FFFFFF;
  text-decoration: none;
}

header.main h2 {
  margin-bottom: 2rem;
  color: #FFFFFF;
  text-decoration: none;
}

<header class="main">
  <a href="./index.html">
    <h1>Test.com</h1>
    <h2>This is a test</h2>
  </a>
</header>

Answer 1

a 可能是您的问题。

尝试以下操作:

header.main a { text-decoration: none; }