将类添加到菜单项以表示它们的级别

Question

如何将类添加到主菜单的<a>或<li>标记中，以指示它们在菜单层次结构中的级别(例如“级别-1”、“级别-2”等)？下面的代码显示了第一个链接有3个子链接(下拉)：

<ul class="menu">
  <li class="first expanded">
    <a class="level-1" href="#" title="">Top link</a>
    <ul class="menu">
      <li class="first leaf"><a class="level-2" href="#">Dropdown 1</a></li>
      <li class="leaf"><a class="level-2" href="#">Dropdown 2</a></li>
      <li class="last leaf"><a class="level-2" href="#">Dropdown 3</a></li>
    </ul>
  </li>
  <li class="last leaf">
    <a class="level-1" href="#" title="">Another top link</a>
  </li>
</ul>

Answer 1

在菜单结构中修改类和标记并不容易(至少在Drupal 6中是如此，我认为Drupal 7也是一样的)。问题是，为了知道你在打印什么杠杆，你需要自己处理菜单的创建。

使用适当的CSS，您不需要这样的指示，因为您可以使用嵌套：

• ul.menu li a 1级
• ul.menu ul li a 2级
• ul.menu ul ul li a 3级

这并不优雅，而且会使事情变得比需要的更复杂，但它比必须处理Drupal菜单系统更简单。