Question

我有一个带有一组锚定链接的ul列表，但只有最后一个li似乎在导航栏中充当链接。其余的都不会在悬停时更改，也无法点击。

下面是我的HTML和相关的CSS。请帮助谢谢。

<html>

<head>
  <title>Cross Dominion Ministries</title>
  <link href="homestyle.css" rel="stylesheet" type="text/css">
</head>

<body>
  <header>
    <div class="row">
      <div class="logo">
        <img src="new logo.png">
      </div>
      <ul class="main-nav">
        <li class="active"><a href="">HOME</a></li>
        <li><a href="">ABOUT US</a></li>
        <li><a href="">SERVICES</a></li>
        <li><a href="">CONTACT</a></li>
        <li><a href="">NEWS</a></li>
        <li><a href="">FAQ</a></li>
      </ul>
    </div>
    <div class="hero">
      <h1>Welcome to Church!</h1>
      <div class="button">
        <a href="" class="btn btn-one">Directions</a>
        <a href="" class="btn btn-two">Contact Us</a>
        <a href="" class="btn btn-one">About Us</a>
        <a href="" class="btn btn-one">Programs</a>
      </div>
    </div>
  </header>
</body>

</html>

导航栏中只有我的最后一个链接有效，其余的即使悬停也不改变

0 个答案: