Question

我有一个Bootstrap 3下拉菜单，顶部边框上有一个漂亮的小箭头（由 cssarrowsplease 提供）。

我在主下拉菜单中也有一个子菜单，但是打开的这个二级菜单也有相同的小箭头，因为箭头样式与.dropdown-menu类相关联。

虽然我想在主下拉列表中显示小箭头，但我不希望它显示在后续子菜单中。

我尝试使用+ CSS选择器并在第一个主下拉菜单中添加.maindd类来解决此问题：

 <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#">travel <span class="caret"></span></a>
     <ul class="maindd dropdown-menu" role="menu">
         <li role="presentation" class="dropdown-submenu"><a href="tanzania.html" tabindex="-1" class="menu-item">Tanzania </a>
              <ul class="dropdown-menu">
                  <li class="menu-item"><a tabindex="-1" href="#">Arusha</a></li>
                  <li class="menu-item"><a href="#">Northern Circuit</a></li>
              </ul>
         </li>

我的计划是在CSS中使用.maindd + .dropdown-menu，以便箭头代码仅在.maindd课程后的立即下拉菜单上运行。

不幸的是，这不起作用，箭头完全消失了:( 有什么想法吗？

编辑--- 以下是链接，您可以查看http://stackoverflowquestion.bss.design/

在CSS中选择相邻的Bootstrap类

0 个答案: