Css 我想将第三个子菜单浮动到左侧

如何将第三个子菜单向左浮动？ 我想像主菜单“item1”一样将第三个子菜单向左浮动

html

   <nav id="nav">
 <ul>
 <li><a href="#">Item1</a>
 <ul>
   <li><a href="#">Menu 1</a></li>
   <li><a href="#">Menu 1</a></li>
   <li><a href="#">Menu 1</a></li>
     <li><a href="#">Menu 1</a>
     <ul class"right-menu">
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 2</a></li> 
    </ul>       
    </li> 
  </ul>
 </li>
</ul>
</nav>

您可以使用：nth child语法以CSS中的第三个子对象为目标

CSS

但是，如果您想要在所有浏览器中都支持的东西，我倾向于使用相邻的同级选择器或“+”

在您的示例中，css是：

#nav ul li ul li + li + li {
  float:left;
}

---

尽管我建议您使用一些类，这样您就可以减少执行此操作所需的大量选择器。

正确添加您的小提琴链接！如果您添加fiddle，您还需要添加代码我想这就是您所需要的。下次，如果您想向我们展示JSFIDdle，请始终提供代码。发布css代码时，我遇到了麻烦：（上面说你的帖子大部分都是代码，请添加更多细节。你在这里看到我的小提琴了吗？请看这里，给我正确的解决方案。我不理解你的这个技巧。你举的例子不起作用，请详细解释。用这个小提琴

#nav ul li ul li + li + li {
  float:left;
}