Question

我尝试了几种方法来通过CSS覆盖bootstrap3 nav-pills活动颜色，但似乎LESS优先。我也尝试在相对的CSS属性上使用！important而没有运气：LESS始终具有优先权。

我发现的唯一方法是使用自定义的nav-pills颜色显然重新编译bootstrap，但我更喜欢使用CSS，所以我可以依赖CDN。

任何提示？

相关词缀/ scrollspy当然通过以下方式工作：

<body  data-spy="scroll">
...
<ul class="nav nav-pills nav-stacked affix-top hidden-print" data-toggle="affix" data-spy="affix">

相对jsfiddle

Answer 1

不确定您做了什么，但此代码有效：

.nav-pills > li.active > a {
    background-color:red;
}
// This changes the color of the active

.nav-pills>li.active>a:hover {
    background-color:red;
}
// This changes the color of the hovered pill

如何通过CSS更改affix / scrollspy中的bootstrap3 nav-pills活动颜色？

1 个答案: