59

CSS3 docは:hover と :focus について述べていますが、私にはまったく同じように思えます。2つの違いは何ですか?何が表示されないのですか?

ありがとう!

4

8 に答える 8

74

マウス ポインターが要素の上にある場合、ホバーは「true」です。カーソルがその要素内にある場合、フォーカスは true です。ホバーが false で、フォーカスが true である可能性があります (たとえば、テキスト フィールドをクリックしてからマウスを離します)。

于 2011-05-26T19:11:43.813 に答える
12

:hoverマウスカーソルが現在上にあるすべての要素に適用されます。 :focusフォーム フォーカスを参照し、フォーカスのある現在のフォーム要素です。大まかに言えば、タイピングを開始すると、どの要素を埋めますか?

于 2011-05-26T19:12:21.790 に答える
7

:hoverとの違い:focusは次のとおりです。

:hoverマウスポインターが要素上にあるとき。

:focus要素を選択すると、その要素がフォーカスされます。

詳細: W3Schools の CSS 疑似クラス

于 2016-07-29T06:34:37.597 に答える
1

新しい css3 テクノロジーを使用すると、遷移タイミングを % パーセンテージで追加できます。IE9 では、すべての主要なブラウザーがそれらをサポートすることを期待してください。ホバーとホバー時のアニメーション、および css3 hover 属性の色のフェードを理解するための 2 つのナビゲーション メニューのサンプルを次に示します。`

于 2012-11-10T15:19:29.167 に答える
1

hover は、ポインティング デバイスが要素の上にある場合にのみ適用されます。ドキュメントはそれを非常に明確にしています。

于 2011-05-26T19:11:21.140 に答える