0

水平ナビゲーションがあります。ドロップ ダウン ナビゲーションを持ついくつかのリンク。このようなもの：

<ul>
    <li>
        <a>Title 1</a>
    </li>

    <li>
        <a>Title 2</a>
        <ul>
            <li><a>Link</a></li>
            <li><a>Link</a></li>
            <li><a>Link</a></li>
        </ul>
    </li>

    <li>
        <a>Title 3</a>
        <ul>
            <li><a>Link</a></li>
            <li><a>Link</a></li>
            <li><a>Link</a></li>
        </ul>
    </li>
</ul>

ご覧のとおり、"Title 1" にはドロップダウン メニューがありませんが、他のすべてのユーザーにはドロップダウン メニューがあります。ドロップダウンメニューがあるリンクだけにアイコンを適用することはできますか?

4

1 に答える 1

1

メインulに Id を指定すると、次のコードで実現できます。

ul#nav > li > a:only-child  {
    // Do something with link without dropdown  
}

ul#nav > li > a {
    // Do something with link with dropdown    
}

リンクに特定の色を付けた例を次に示します: http://jsfiddle.net/y2XtA/

于 2013-11-01T22:50:29.237 に答える