Question

比如说，如果你有这种结构的菜单栏：

<nav>
  <ul class="nav">
    <li class="menu1"><a href="#">Menu Item 1</a></li>
    <li class="menu2"><a href="#">Menu Item 2</a>
      <ul>
        <li class="menu2.1"><a href="#">Menu Item 2.1</a></li>
        <li class="subMenu2"><a href="#">Menu Sub-Menu Item 2</a>
          <ul>
            <li class="subMenu2.1"><a href="#">Menu Sub-Menu Item 2.1</a></li>
            <li class="subMenu2.2"><a href="#">Menu Sub-Menu Item 2.2</a></li>
            <li class="subMenu2.3"><a href="#">Menu Sub-Menu Item 2.3</a></li>
            <li class="subMenu2.4"><a href="#">Menu Sub-Menu Item 2.4</a></li>
          </ul>
        </li>
        <li class="menu2.2"><a href="#">Menu Item 2.2</a></li>
        <li class="menu2.3"><a href="#">Menu Item 2.3</li>
      </ul>
    </li>
  </ul>
</nav>

并且已知录制的班级名称subMenu2.2，您将如何扩展此子菜单及其父菜单，以便可以使用外部呼叫查看此菜单的内容，而不是单击在菜单栏上。

因此，如果subMenu2.2是要查看的项目，则会显示具有类名menu2的所有内容和菜单栏部分，或者处于活动状态，以便在页面上显示

通常，要查看菜单项，您将在菜单项中使用，并且在悬停时可能会显示某些子菜单。我的目标是根据给定/提供的类名显示子菜单或父菜单。

Answer 1

您可以为页面提供正文ID并根据该样式设置菜单或脚本的活动状态。这篇文章进一步解释了这一点。我希望这有帮助。 css-tricks.com/id-your-body-for-greater-css-control-and-specificity

根据类名扩展菜单栏项目，包括子菜单

1 个答案: