クリックするとプッシュダウンされるボタンを取得しようとしています。しかし、私が作業しているボックスシャドー部分とCSSアクティブ状態部分はどちらも混乱しています。CSSボタンが永久にプッシュダウンされた状態
私は、これがこのコードを考慮なんとかです知っている：http://jsfiddle.net/UEkBQ/
これは、私が働いているコードです：http://jsfiddle.net/frnYf/
CSS「#button：アクティブは」と思わIながら、常に機能していますクリックしたときにのみトグルされるようにしてください。
make-me-greenはCSSクラス名であり、#button:activeはタグIDと擬似クラスで構成されたCSSセレクタではないため、CSSルールでターゲット設定できます。
#button.some-css-class-nameだけでなく
.sone-css-class-nameを必要とする理由は
#セレクタが
.セレクタよりも高い優先度を持っているということです
$(this).toggleClass('some-css-class-name');
に#button:activeから#button.some-css-class-nameにあなたのCSSルールを変更し、JS
。我々はIDのクラスの.または#を使用してCSSを伝えるために、これはそのクラスまたはそのIDを持つdivのターゲットにすることができ. ...
<div id="blah" class="blah">hello</div>
に関するご質問に対して
。
か試してみてください。http://jsfiddle.net/frnYf/35/
私はすでにルールをクラスに切り替えましたが、運がありません。 id #buttonは、機能するために：activeと一緒にインクルードする必要があります。彼らがどのように一緒に働くかは正確には分からない。 – Tony
私の更新された答えを見て、これをチェックしてください：http://jsfiddle.net/3GBhH/ – DaedalusFall
それは完璧に働いた！しかし、なぜそれが '$（this）.toggleClass（ 'some-css-class-name'）;' 'は必要ありません。クラス名の前に？ – Tony
あなたはなんとかあるとして一覧表示の例では、それをスタイルするためにクラスを使用して、ない '：active'擬似セレクタ。擬似セレクタを使用するストレートCSSでは不可能です。 – Ktash