html - 我的 CSS 悬停和事件样式不起作用

Question

我的导航栏如下:

   <ul>
    <li><a href="index.html">HOME</a></li>
    <li><a href="portfolio.html">PORTFOLIO</a></li>
    <li><a href="resources.html">RESOURCES</a></li>
    <li><a href="testimonials.html">TESTIMONIALS</a></li>
    <li><a href="about.html">ABOUT</a></li>  
    <li><a href="contact.html">CONTACT</a></li>  
   </ul>
  </nav>

还有我的 CSS:

a: hover {

color: brown;

}

a: active {

color: #1490A5;
}

我试图将事件链接设置为一种颜色，当我将鼠标悬停在它上面时变成另一种颜色，不幸的是它不起作用

Answer 1

去掉两个点之间的空格和伪类

a:hover {

   color: brown;

}

a:active {

   color: #1490A5;
}