0

メニューのこの css にアクティブなクラスを追加する最良の方法は何でしょうか?

.vertical-nav{
    width:200px;
    height:auto;
    list-style:none;
    float:left;
    margin-right:40px;
}
.vertical-nav li{
    width:200px;
    height:25px;
    margin:5px;
    padding:5px;
    background-color:#666666;
    border:none;
    text-align:center;
    float:left;
}
.vertical-nav li:hover{
    background-color:#f36f25;
    color:#FFFFFF;
}
.vertical-nav li a{
    font-family:Calibri, Arial;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
}
4

2 に答える 2

1

.vertical-nav li:active { } に追加する<li>と、 と<a>プロパティの両方を変更できます。

于 2013-04-25T11:19:23.223 に答える
0

「現在の」リスト項目をどのように表示するかによって異なります。

個人的には、私は常に li のクラスに適用するので、次のような結果が得られます。

.vertical-nav li.active {
background-color:#D9A300;
}

そして、その中のリンクのスタイルを設定するには

.vertical-nav li.active a {
color:#000000;
}

誤解しやすいので、実際には「アクティブ」ではなく「現在」という用語を使用することをお勧めします。

私はあなたが要求していることを誤解している可能性があります.. もしそうなら、私に知らせてください.

于 2013-04-25T11:24:34.133 に答える