我在opencart上的自定义css主题中有这段代码。我想在上面添加悬停颜色。我怎样才能做到这一点?谢谢
.navbar .nav li:nth-child(2) a {
background-color: #3cbc67; /* for second link bg */
color: #d61d1d; /* for first link text color */
}
答案 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;
答案 1 :(得分:0)
.navbar .nav li:nth-child(2) a:hover {
//styles goes here
}