異なっています：ユーザーが要素またはタブをクリックしたかどうかによって、フォーカススタイルが可能ですか？

Question

私は現在、ページのタブ移動に基づいてユーザーとのやりとりを行うためのウェブページをスタイリングしています。

は、ユーザーがマウスをクリックすることで、その要素を着目し、別の方法でそれを彼らはタブかの場合は片道の要素のスタイルを設定する方法がありますか？

私は、タブで表示される要素がクリックされる要素よりも上になるようにするために、異なるスタイルを使用したいと思います。ページ上のどこにいるのかを簡単に確認しようとしています。

私はJavaScriptを使ってこれを達成する方法を知っています。誰かが自分の袖の上にCSSソリューションを持っているかどうか疑問に思っています。

多くの感謝！

Answer 1

私はあなたができるとは思わない。なぜなら、CSSコードは要素に焦点を当てた方法を認識しておらず、その時点でフォーカスがあることを知っているからだ。私はあなたがそれを達成するためにJavaScriptコードを使用しなければならないと思います。

Answer 2

あなたはこのように疑似クラスを使用することができます。

a:hover { color: green; } /* hover */ 
a:active { color: blue; } /* click and hold */ 
a:focus { color: red; } /* tab to it */