我想把第三个子菜单向左浮动

Question

如何将第三个子菜单向左浮动？我想像主菜单"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>

Answer 1

您可以使用：nth-child语法来定位CSS中的第三个子级。

CSS

#nav ul li ul li:nth-child(3)

然而，如果你想要在所有浏览器中都支持的东西，我倾向于使用相邻的同级选择器或"+"。

在您的示例中，css为：

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

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