目标 li a Jasny navbar-offcanvas

Question

我刚刚开始使用 Ruby on Rails。我添加了 gem 'jasny-bootstrap-rails'，我正在使用 Jasny OffCanvas 导航菜单，如下所示：

<div class="navbar navbar-fixed-top navbar-default">
  <div class="container" style="margin-top: 18px;">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navbar-offcanvas" data-canvas="body">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">JacobHedengren.ME</a>
    </div>
    <div class="navbar-offcanvas offcanvas">

      <ul class="nav navbar-nav navbar-right">
        <li><a href="../navmenu/">Slide in</a></li>
        <li><a href="../navmenu-push/">Push</a></li>
        <li><a href="../navmenu-reveal">Reveal</a></li>
        <li><a href="./">Off canvas navbar</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>

我希望我的 OffCanvas 扩展菜单具有不同的背景颜色，我已设法使用以下方法进行更改：

.navmenu-default, .navbar-default .navbar-offcanvas {
background-color: #3F51B5 !important;
border-color: #3F51B5 !important;
}

问题在于它需要不同的颜色。 编辑：“桌面”导航栏 li a 和移动导航 li a 应该有不同的颜色 知道如何更改 OffCanvas 扩展菜单的 li a 颜色吗？我已经尝试了所有我知道的 CSS 技巧。我想这可以用 javascript 来完成，但我该怎么做呢？

贾斯尼：http://www.jasny.net/bootstrap/components/

编辑： 菜单： http://www.jasny.net/bootstrap/examples/navbar-offcanvas/

提前非常感谢！

Answer 1

因此，如果我的理解正确，您希望 <li> 的颜色与默认颜色不同。

这样的？

@media screen and (max-width:760px){
  .navbar-default .navbar-offcanvas li a{
      color:red; 
  }
}