下划线的 css 代码不起作用，并且 css 代码不适用于 html/答案

【问题标题】：The css code for underline does not work, and the css code doesnt work with the html/下划线的 css 代码不起作用，并且 css 代码不适用于 html/
【发布时间】：2021-02-01 12:23:08
【问题描述】：

我是 html 和 css 的新手，我只是在 xd adobe 上设计了示例网站。附上它的图像。 html 有效，但是当我处理 css 部分时，我没有在网站上显示。我正在编写一个 scss 文件而不是 css 文件。我将不胜感激任何帮助！您可以看到我在 css 文件中写道，徽标应该没有下划线，但仍然无法正常工作

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
body {
  background: #F2F2F2;
  font-family: 'Poppins';
  margin: 0;
}

.navbar {
  background: white;
  padding: 1em;
  .logo2 {
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-size: 10em;
  }
}

.container {
  display: flex;
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JustFly</title>
  <link rel="stylesheet" href="css/main.css">
</head>

<body>
  <div class="navbar">
    <div class="container">
      <a class="logo2" href="#">JustFly</a>
      <img id="mobile-cta" class="mobile-menu" src="images/menu.svg" alt="Hamburger Menu">

      <nav>
        <img id="mobile-exit" class="mobile-menu-exit" src="images/exit.svg" alt="Hamburger Menu">

        <ul class="primary-nav">
          <li class="current"> <a href="#">Home</a> </li>
          <li> <a href="#">FAQ</a> </li>
          <li> <a href="#">Pricing</a> </li>
        </ul>

        <ul class="secondary-nav">
          <li> <a href="#">Contact</a> </li>
          <li class="GoPremiumBtn"><a href="#">Buy Now</a> </li>
        </ul>
      </nav>
    </div>
  </div>

  <section class="hero">
    <div class="container">
      <div class="col">
        <h1 class="head">Fly Like Never Before.</h1>
      </div>
      <img id="mainImage" class="mainImage" src="images/icons8-fighter-jet-96.png" alt="Fighet Plane Image">

    </div>


  </section>
</body>

</html>

XD 中的设计：

代码图片：

输出：

【问题讨论】：

你写的是 SCSS 而不是 CSS
你能多花点钱吗？我参加了 youtube 课程

标签： html css underline

【解决方案1】：

尝试a.logo2:link, a:logo2:visited 作为该 CSS 规则的选择器。这应该比浏览器默认的a:link 和a:visited 更具体，并否决它们。

【讨论】：

你能说得更具体一点吗？我对此很陌生，并没有真正理解。非常感谢
如果您的 CSS 规则以 .logo2 { ... } 开头，请将 .logo2 替换为 a.logo2:link, a:logo2:visited
a.logo2:link, a:logo2:visited{ text-decoration: none;字体粗细：粗体；颜色：黑色;字体大小：10em； }
输出是一样的。