0

Drupal 7 では以下のようなメニュー構造があります。これは Drupal の Nicemenu モジュールの一部です。第 2 レベルの ul (サブメニュー ul) に幅を適用しています。これはすべての第 2 レベルの ul に適用されます。私が必要としているのは、第 2 レベルの ul の可変幅です。これらの HTML はすべて Drupal によって動的に生成されるため、クラスや ID をこれらの第 2 レベルの 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>
4

1 に答える 1

0

id要素には本当に属性が必要な<ul>ので、CSS を使用してそれぞれの幅を設定できますid。これは、個別の HTML 要素のスタイルを設定する最も便利で堅牢な方法です。

html ID をコンテンツ フィールドidに追加すると、これらの属性を追加する方法が示されます。

于 2012-12-03T11:48:18.083 に答える