jqueryのか、ここではjavascriptを

なしクリックで李にCSSを適用することは、私のHTMLコードをここにjqueryのか、ここではjavascriptを

<div id="menus"> 
    <ul> 
     <li><a href="HomePage.html">Home</a></li> 
     <li><a href="#">Users</a></li> 
     <li><a href="#">Project Manage</a></li> 
     <li><a href="#">Transaction</a></li> 
     <li style="border-right:none;"><a href="#">Logout</a></li> 
    </ul> 
</div>

であること

#menus li 
{ 
    float:left; 
    list-style-type: none; 
    padding-left: 25px; 
    padding-right: 25px; 
    border-right:groove 1px #FFFFFF; 
    background: #666666; 
} 

#menus li:hover 
{ 
    background: #999999; 
} 

#menus li a 
{ 
    font-size:24px; 
    text-decoration:none; 
    color:#FFFFFF; 
} 

#menus li a:hover 
{ 
    color:#000000; 
}

は今、私はときに、ユーザーがクリック李上（表示のようなCSSを変更したい私のCSSです現在選択されている）。私はCSSを使用してこれを行うことはできますか？はいの場合はどうですか？

事前に感謝を...

出典

2013-08-29 Sohil Desai

あなたは、ユーザーがそのページにあるかのように表示したいですか？またはあなたはアクティブにしたいですか？ –

いいえ、あなたは必要ですJS –

また、AタグにはLIではなく、クリックイベントが必要です。 –

あなただけ使用してCSSでそれを行うことができますhttp://jsfiddle.net/kevinPHPkevin/LstNS/4/

li:focus { 
    background: red; 
    outline: 0; 
}

focusとtabindex

DEMOは 'アクティブ' メニュー項目のソリューションを採用する良い方法はこれです

DEMO http://jsfiddle.net/kevinPHPkevin/LstNS/6/

出典：http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/

出典

2013-08-29 18:42:34 Vector

落ち込んだ人 - あなたが答えを少なくともdownvoteする場合、説明してください少なくとも – Vector

ああ、賢明、私は彼が彼らが 'a'を選択したとき意味していたと思っていたとコメントした。 :) – Phil

@Philこれはあなたや私がアクティブなメニュー項目にクラスを割り当てる方法ではないかもしれませんが、私は単にそれが未加工の形式で質問に答えるだけです* "jqueryやjavascriptを使わずにクリックしてCSSを適用する" *質問は*「何が最善の方法であるか」ではありませんでした。* :) – Vector

いいえ、あなただけcssでこれを行うことはできません。私は、あなたがアクティブな特定のページを持っているしたい場合は、バックエンドで別のクラスを置く...例

言うことをあまりにもわからない：

<a href="#" class="active"></a>

出典

2013-08-29 18:36:18 Phil

jqueryのか、ここではjavascriptを

答えて

関連する問題