CSS3：hoverと：focusの違いは？
CSS3ドキュメント は：hoverと：focusについて話しますが、これらはまったく同じように見えます。 2つの違いは何ですか？何が見えないのですか？
ありがとう！
マウスポインターが要素上にあるとき、ホバーは「true」です。カーソルがその要素にある場合、フォーカスは真です。ホバーをfalseにしてtrueにフォーカスすることができます（たとえば、テキストフィールドをクリックしてからマウスを離す）
:hoverは、マウスカーソルが現在置かれているすべての要素に適用されます。 :focusはフォームフォーカスを指し、フォーカスを持つ現在のフォーム要素です。大まかに言えば、入力を開始すると、どの要素を埋めますか？
新しいcss3テクノロジーを使用して、推移のタイミングを％パーセントで追加できます。 IE9がすべての主要なブラウザーでサポートされることを期待してください。ホバーとホバーでのアニメーション、およびcss3ホバー属性の色のフェードを理解するための2つのナビゲーションメニューのサンプルを次に示します。 `
ホバーは、ポインティングデバイスが要素上にある場合にのみ適用されます。ドキュメントはそれを非常に明確にします。
ホバーは、特にマウスポインター：
マウスポインターがover/（on on）Button、そのボタンホバーの場合がtrue。
焦点は強調表示要素についてです：
通常、タブキーを使用して要素のフォーカスを変更する場合。
ユーザーが同じUIエクスペリエンスを持つように、フォーカスとホバーに同じフォーマットを適用する必要があります。