2

そのため、これまでにない新しい問題に遭遇しました。

<ul id="mainmenu">
    <li class="mbutton"><a class="currentnav" href="#">Link 1</a></li>
    <li class="mbutton"><a href="#">Link 2</a></li>
    <li class="mbutton"><a href="#">Link 3</a></li>
</ul>

.mbutton a {
    font-family:"Archivo Narrow",Arial, Helvetica, sans-serif;
    font-size:13px;
    display:block;
    margin:0 3px;
    padding:11px 20px 9px 20px;
    color:#404040;
    border: 1px solid #fff;
}
.mbutton a:hover {
    border: 1px solid #000;
}
.currentnav {
    border: 1px solid #e82c3d;
}

驚いたことに、.currentnavによって設定された境界線は上書きされません.mbutton a。

私はこれまでこの問題を抱えたことがなかったので、この方法は常にうまくいったと考えています。誰かがそれを機能させる方法を教えてもらえますか?

4

5 に答える 5

0

変化する

.currentnav {
    border: 1px solid #e82c3d;
}

に

.mbutton .currentnav {
    border: 1px solid #e82c3d;
}
于 2013-05-13T11:23:44.053 に答える