1

CSS セレクターで親リンクのみを選択するのに問題があります。

<style>
.sidebar .nav li a {
    background-color: transparent;
    border-right: 1px solid #563D7C;
    color: #563D7C;
    font-weight: bold;
}
</style>

<div class="sidebar">
<ul class="nav sidenav">
    <li>
        <a href="#">Menu1</a>
        <ul class="nav">
            <li><a href="#">Item1</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Menu2</a>
        <ul class="nav">
            <li><a href="#">Item1</a></li>
        </ul>
    </li>
</ul>

残念ながら..ナビゲーション内のすべてのリンクに適用されるスタイル、私の代替手段は、スタイルを設定したいすべてのリンクにクラスを配置することですが、そうする必要はありません。

http://jsfiddle.net/bFxm4/

4

5 に答える 5

0

これを試して：

.sidebar > .nav > li > a {
    background-color: transparent;
    border-right: 1px solid #563D7C;
    color: #563D7C;
    font-weight: bold;
}

お役に立てれば

于 2013-08-02T15:04:49.740 に答える