如何更改导航选项卡的背景颜色[重复]

Posted 2023-05-08

【中文标题】如何更改导航选项卡的背景颜色[重复]

【英文标题】：how to change background color of navigation tabs [duplicate]

【发布时间】：2017-05-21 14:22:36

【问题描述】：

<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"></button>
   <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>                        
  <a class="navbar-brand" href="#">Portfolio</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>

这是我的代码。当用户将鼠标悬停在选项卡上时，如何更改选项卡颜色？我希望颜色是绿色的。

【参考方案1】：

.navbar-nav li:hover
  background-color: green;

将仅针对 .navbar-nav 类中的 <li> 标记。 :hover 是一个伪选择器。

http://www.w3schools.com/Css/css_pseudo_classes.asp

【讨论】：

非常感谢！成功了！

对不起，我是 *** 上的超级新手。你如何“接受”答案？我知道了。

【参考方案2】：

CSS：

selector:hover  
 background: color;