悬停在李班上

时间:2015-11-25 10:04:09

标签: css hover

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

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

2 个答案:

答案 0 :(得分:2)

使用伪选择器:悬停



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

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

答案 1 :(得分:0)

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