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;
}

Answer 2

消除selector和pesudo之间的差距：

a: hover {
  ^----------------Remove

a: active
  ^---------------Remove

＆＃13;

a:hover {
color: brown;
}

a:active {
color: #1490A5;
}

＆＃13;

<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>

＆＃13;

Answer 3

css元素中应该没有空格，在：active和：hover之前，你的代码应该是这样的：

a:hover {
 color: brown;
}

a:active {
   color: #1490A5;
}

我的CSS Hover和Active样式不起作用

3 个答案: