twitter-bootstrap – 在导航标签上更改悬停颜色

发布时间：2020-12-18 00:17:06 所属栏目：安全来源：网络整理

导读：我想更改悬停导航标签的文本颜色,所以我命名为：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",'#' %

我想更改悬停导航标签的文本颜色,所以我命名为：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;
}

顺便说一句,这只会改变文本的颜色,如果要在将颜色属性悬停在背景颜色上时更改选项卡的背景颜色.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!