Jquery 目标是李娜·贾斯尼·纳夫巴

我刚刚开始使用RubyonRails。我添加了gem“jasny引导导轨”，并使用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>

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

贾斯尼：

编辑：菜单：

---

提前多谢

如果我理解正确，您希望

的颜色与默认颜色不同

像这样的

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

---

嗨，阿莫拉。谢谢你的回复。不，请参见此示例：我希望“桌面”导航栏li a和“移动/扩展”导航栏li a具有不同的颜色。@因此这是两组不同的html，或者是否有媒体查询更改导航？我认为问题在于它们共享相同的html。在手机中展开菜单时，菜单的背景颜色与在桌面中查看时不同。但在手机中查看菜单时，应使用不同的li a颜色。“我该怎么改变呢？”雅各布看到了我的编辑。如果您添加了一个基于的媒体查询，当它成为移动媒体时会怎么样？在我的例子中，我假设760px。谢谢。奇怪的是它不起作用。我想有些事我不知道我需要做。。。

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