CSS3 docは:hover と :focus について述べていますが、私にはまったく同じように思えます。2つの違いは何ですか?何が表示されないのですか?
ありがとう!
CSS3 docは:hover と :focus について述べていますが、私にはまったく同じように思えます。2つの違いは何ですか?何が表示されないのですか?
ありがとう!
マウス ポインターが要素の上にある場合、ホバーは「true」です。カーソルがその要素内にある場合、フォーカスは true です。ホバーが false で、フォーカスが true である可能性があります (たとえば、テキスト フィールドをクリックしてからマウスを離します)。
:hover
マウスカーソルが現在上にあるすべての要素に適用されます。 :focus
フォーム フォーカスを参照し、フォーカスのある現在のフォーム要素です。大まかに言えば、タイピングを開始すると、どの要素を埋めますか?
:hover
との違い:focus
は次のとおりです。
:hover
マウスポインターが要素上にあるとき。
:focus
要素を選択すると、その要素がフォーカスされます。
新しい css3 テクノロジーを使用すると、遷移タイミングを % パーセンテージで追加できます。IE9 では、すべての主要なブラウザーがそれらをサポートすることを期待してください。ホバーとホバー時のアニメーション、および css3 hover 属性の色のフェードを理解するための 2 つのナビゲーション メニューのサンプルを次に示します。`
hover は、ポインティング デバイスが要素の上にある場合にのみ適用されます。ドキュメントはそれを非常に明確にしています。