我想更改悬停导航标签的文本颜色,所以我命名为：nav nav-tabs custom,所以我的视图中的代码如下所示：
<li class="active"><%= link_to "Overview",'#' %>
</li>
<li><%= link_to "About",'#' %></li>
<li><%= link_to "What we do",'#' %></li>
<li><%= link_to "Partners",'#' %></li>
<li><%= link_to "Contact",'#' %></li>
<li><%= link_to "Support",'#' %></li>
</ul>
和我的custom.css.scss中的代码
.custom a:hover {color: black;}
它不行.有人能帮我吗 ？
解决方法
您需要使您的选择器更具体,以正确定位您的选项卡.尝试这个：
.custom > li > a:hover {
color: black;
}
顺便说一句,这只会改变文本的颜色,如果要在将颜色属性悬停在背景颜色上时更改选项卡的背景颜色.