html - 如何更改 Bootstrap 3.3.6 导航栏中的悬停颜色？

Question

我一定做了一些不寻常的事情，因为到目前为止我在 Stack Overflow 上找到的相关问题和答案对我不起作用。我是 css 的新手，所以答案可能很明显。

我更喜欢避免 !important 的解决方案，如果可能，只应用于网站标题(例如，不应用于网站的其他任何地方；也就是说，只应用于带有 的 block 内的内容>id="我的 block ").

此外，希望解决方案适用于导航中的所有级别(第一、第二等)。

这是我尝试过的:

.navbar .navbar-default > li > a:hover {
    background-color: #FFFF00;
    color: #FF0000;
}

这是我在网站顶部运行的代码:

<nav id="my-block" class="navbar navbar-default navbar-static-top navbar-default-siteheader navbar-inner-siteheader">
    <div class="container">
        <div class="collapse navbar-collapse in" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav navbar-right">

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu1<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        ...
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu2<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        ...
                    </ul>
                </li>

            </ul>

        </div>
    </div>
</nav>

Answer 1

改变

.navbar .navbar-default > li > a:hover

到

#my-block.navbar li a:hover