0

メインメニューのliにボーダースタイルを適用しました。しかし、私のサブメニューliもメインメニューliスタイルの影響を受けます。これがサンプルコードです。これを修正する方法を教えてください。

ul.menu li {
        border-left:1px solid #fcfcfc;
        border-right:1px solid #e8e8e8;
    }

上記のスタイルは、私のサブメニューliにもレンダリングされます。クラスやIDを使用したくない直接スタイルでタグ付けしたい。サブメニューで境界線のレンダリングを停止する方法はありますか？

    ul.menu ul li {
         min-width: 200px;

    }
4

1 に答える 1

1

<ul>withクラスの直接の子にのみ影響を与える場合は、次のmenuセレクターを使用する必要があります。

ul.menu > li {
    ...
}

したがって、この構造がある場合：

<ul class="menu">
    <li>One</li>
    <li>Two
        <ul>
            <li>Three</li>
        </ul>
    </li>
</ul>

次に、これは<li>コンテンツ1と2で要素のスタイルを設定しますが<li>、3のサブメニューではスタイルを設定しません。

于 2012-09-03T20:31:41.957 に答える