0

CSSに次のコードがあります。

#nav li a:active{
 background-color:brown;
}

#nav li a.index{background:purple;}
#nav li a.advertiser{background:red;}
#nav li a.publisher{background:green;}
#nav li a.new{background:blue;}
#nav li a.status{background:orange;}

#nav li a:hover {
 border-bottom:5px solid brown;
}

と HTML

<ul id="nav">
 <li><a class="index"....
 <li><a class="advertiser"...
 <li><a class="publisher"...
 <li><a class="new"....
 <li><a class="status".....
</ul>

問題は、クリックすると茶色に変わりますが、茶色のままではありません。どこを間違えているのかわからない。

4

2 に答える 2

1

:active ボタンまたはテキストが押されたときにハイライトを表示します。これを実現するには、jquery をコーディングする必要があります。この例を試してください：

<ul>    
<li><a class="black classname" id="click">Home</a></li>
<li><a class="black" id="click">about</a></li>
<li><a class="black" id="click">services</a></li>
</ul>

CSS

.black{color:black}
.classname{color:red}

Jクエリ

$(document).ready(function(){

    $("a#click").click(function(){
        $("a").removeClass('classname')
        $(this).addClass('classname')
    });

});

デモ http://jsfiddle.net/XFYjz/

于 2013-10-12T19:39:07.530 に答える