悬停在李班上

Question

我在opencart上的自定义css主题中有这段代码。我想在上面添加悬停颜色。我怎样才能做到这一点？谢谢

.navbar .nav li:nth-child(2) a {
    background-color: #3cbc67; /* for second link bg */
    color: #d61d1d;            /* for first link text color */
}

Answer 1

使用伪选择器：悬停

＆＃13;

＆＃13;

.navbar .nav li:nth-child(2) a {
    color: blue;
}
    
.navbar .nav li:nth-child(2) a:hover {
   color: red;
}

＆＃13;

<nav class="navbar">
   <ul class="nav">
      <li><a>I dont do anything</a></li>
      <li><a>I change color when hover</a></li>
   </ul>
</nav>

＆＃13;

＆＃13;

＆＃13;

Answer 2

.navbar .nav li:nth-child(2) a:hover {
//styles goes here
}