2

わかりました、これはばかげているように聞こえますが、これが css の何らかのバグなのかどうかはわかりませんが、最初のレベルのアイテムにtext-decorationプロパティがunderlineに設定されている 2 つのレベルのメニューを作成しようとすると、2 番目のレベルのアイテムでtext-decorationをnoneに設定する方法が見つかりませんでした。

<ul>
<li style="text-decoration:underline;">item1 
    <ul>
        <li style="text-decoration:none;">subitem1</li>
        <li>subitem2</li>
    </ul>
</li>
</ul>

これがなぜなのか、どうすれば修正できるのか誰か知っていますか?

4

2 に答える 2

1

これは簡単です。最初のレベルのリスト項目に与える場合text-decoration:underline;、同じ css プロパティが子に適用されるので、できることは次のとおりです。

.main-nav > li {text-decoration:underline;} -- これにより、css はリストの最初のレベルまたは親アイテムにのみ適用されます。これは、他の子リストには適用されないことに注意してください。

これにより、子リストのCSSを追加する必要はありません

http://jsfiddle.net/qL3Bp/

于 2013-06-28T06:37:25.533 に答える