Nicemenu（Drupal）中第二層ul的可變寬度

我在Drupal 7中擁有如下菜單結構。這是Drupal中Nicemenu模塊的一部分。我將寬度應用於第二層ul - 子菜單ul，並將其應用於所有第二層ul。我需要的是第二層ul的可變寬度。所有這些HTML都是由Drupal動態生成的，我可能無法將任何類或ID硬編碼到這些第二級。我使用僞類作爲目標，但沒有達到我想要的。Nicemenu（Drupal）中第二層ul的可變寬度

這裏的HTML

<ul class="menu"> 
    <li class="first leaf"><a class="active" href="">Menu 1</a></li> 
    <li class="expanded"><a title="" href="">Menu 2</a> 
     <ul class="menu"> <!--This should have width of 200px--> 
     <li class="first leaf"><a href="">Menu 2a</a></li> 
     <li class="last leaf"><a href="">Menu 2b</a></li> 
     </ul> 
    </li> 
    <li class="expanded"><a title="" href="">Menu 3</a> 
<ul class="menu"><!-- Width should be 350px--> 
      <li class="first leaf"><a href="">Menu 3a</a></li> 
      <li class="leaf"><a href="">Menu 3b</a></li> 
      <li class="leaf"><a href="">Menu 3c</a></li> 
      <li class="leaf"><a href="">Menu 3d</a></li> 
      <li class="leaf"><a href="">Menu 3e</a></li> 
      <li class="leaf"><a href="">Menu 3f</a></li> 
      <li class="leaf"><a href="">Menu 3g</a></li> 
      <li class="last leaf"><a href="">Menu 3h</a></li> 
    </ul> 
    </li> 
    <li class="expanded"><a title="" href="">Menu 4</a> 
      <ul class="menu"><!-- Width should be 200px--> 
      <li class="first expanded"><a title="" href="">Menu 4a</a><ul class="menu"> 
      <li class="first last leaf"><a href="">Menu 4a-1</a></li> 
      </ul> 
    </li> 
    <li class="last leaf"><a href="">Menu 4b</a></li> 
    </ul> 
    </li> 
    <li class="leaf"><a href="">Menu 5</a></li> 
    <li class="expanded"><a title="" href="">Menu 5a</a> 
    <ul class="menu"><!-- Width should be 150px--> 
<li class="first last leaf"><a href="">Menu 5b</a> 
    </li> 
    </ul> 
    </li> 
    <li class="leaf"><a href="">Menu 6</a></li> 
    <li class="leaf"><a href="">Menu 7</a></li> 
    <li class="expanded"><a title="" href="">Menu 8</a> 
      <ul class="menu"><!-- Width should be 200px--> 
      <li class="first leaf"><a href="">Menu 8</a></li> 
      <li class="last leaf"><a href="">Menu 9</a></li> 
      </ul></li> 
    <li class="last leaf"><a href="">Contact Us</a></li> 
</ul>

來源

2012-12-03 webdevexp

你真的需要在您的<ul>元素id屬性，所以你可以使用CSS來設置寬度爲每個id。這是對單獨的HTML元素進行樣式設置的最方便和健壯的方式。

Add html ID to content field顯示解決方案如何添加這些id屬性。

來源

2012-12-03 11:48:18 Veger

嘿，我知道所有這些基礎知識。它發生在Drupal中，可能無法對css id進行硬編碼。所有需要動態完成。 – webdevexp

問題的答案我鏈接處理（動態）生成HTML元素的ID。 – Veger

Nicemenu（Drupal）中第二層ul的可變寬度

回答

相關問題