在引导程序下悬停时自定义导航栏颜色
问题描述:
我无法在悬停时找到正确的CSS语法来自定义我的导航栏链接。我的导航栏如下:在引导程序下悬停时自定义导航栏颜色
<ul class="nav navbar-nav navbar-right">
<li><%= link_to "Home", root_path %></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Account | <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><%= link_to "User", current_user %></li>
<li><%= link_to "Update", edit_user_path(current_user) %></li>
</ul>
<li><%= link_to "Logout", logout_path, method: "delete" %></li>
我设法让与
.dropdown:hover {
background:#3b3535;
color: #ece6e6;
}
我想对我的链接“家”一样的效果下拉菜单上的正确悬停效果和“注销” 。我试过
.navbar-nav:hover {
background:#3b3535;
color: #ece6e6;
}
但三个链接(“主页”,“帐户”和“注销”)一次徘徊。从那时起,我尝试了很多选择,包括:
.ul#navbar-nav a:hover {
background:#3b3535;
color: #ece6e6;
}
.navbar-nav ul.nav li:hover a{
background:#3b3535;
color: #ece6e6;
}
.ul.nav li a:hover {
background:#3b3535;
color: #ece6e6;
}
但是他们都没有工作。你能给我适当的语法来获得正确的悬停效果吗?谢谢。
答
首页和注销没有链接<a>
所以只需使用下面的目标他们两个。
ul.nav li:hover {
background:#3b3535;
color: #ece6e6;
}
而且ul
不是一个类有选择前点:)