更改链接颜色异常

Question

我已将网站上的链接颜色更改为黑色，但“SHOP”的链接不会改变颜色。

该网站为http://stalagmitesband.com。

HTML：

<nav class="nav-primary">
      <div>
        <ul id="menu-links">
          <li id="about-link"><a href="#about-anchor">ABOUT</a></li>
          <li id="listen-link"><a href="#listen-anchor">LISTEN</a></li>
          <li id="watch-link"><a href="#watch-anchor">WATCH</a></li>
          <li id="gigs-link"><a href="#gigs-anchor">GIGS</a></li>
          <li id="shop-link"><a href="https://stalagmites.bandcamp.com/merch" target="_blank">SHOP</a></li>
          <li id="projects-link"><a href="#projects-anchor">OTHER PROJECTS</a></li>
          <li id="contact-link"><a href="#contact-anchor">CONTACT</a></li>
        </ul>
      </div>
    </nav>

CSS：

a:link {
   text-decoration: none;
   font-family: 'josefin sans', quicksand,'Open Sans', sans-serif;
   font-size: 15px;
   font-weight: 400;
   color: black;
}

a:link:hover {
   text-shadow: -2px 2px 2px rgba(180,160,0,0.5);
   color: black;
}

任何帮助都会很棒。

干杯

Answer 1

问题在于，当您访问该链接时，它会有一个额外的伪标记 这应该解决它。

a:visited {
   color: black;
}