意味

[11] この擬似クラスは指示装置で指してdesignateいる要素に適用されます。指示装置を使うとその要素を活性化させることができるかもしれませんが、 :hover は活性化の有無には関係ありません。 >>9

[12] マウスを使っている場合、当該要素によって生成された箱の上に指示子ポインターがあれば、その要素を指しているといえます。 >>9

[13] 対話的媒体以外では対応する必要がありません。対話的媒体であっても、ペンしか接続されていないなど、対応できないことがあります。 >>9

[30] 要素を指しているdesignatedとは、次のいずれかの条件に合致することを言います >>29。

[31] 利用者が指示装置で指している要素であること
[32] 利用者が指示装置で指している要素を子孫として持つ要素たること
[33] :hover に一致している label 要素の被札付け制御子である要素たること

[34]

選択子本体仕様ではなく HTML 仕様で規定されているため、 HTML利用者エージェントにのみ

>>29

適用されるとされていますが、実質的に実用的な実装すべてに該当します。 [14] :hover である要素の親要素もまた :hover が適用されるか否かは選択子の仕様書では規定しないとなっています

>>9

。 [15] しかし実際にはWebブラウザーは子孫要素が :hover である要素についても :hover であるとみなしており、それを前提にしたスタイル・シートも一般的に使われています。

[35]

label 要素の被札付け制御子にまで適用されるのは互換性のためで、おそらく :active の件を踏まえた CSS WG への配慮があるのでしょうが、実質的に選択子仕様に対する意図的違反です。

[16] 子孫が :hover であるために :hover であるような要素は、実際にはその要素自体は指示装置が指している点を含まないかもしれません。 >>9 例えば絶対配置要素になっていると、子要素はまったく親要素と関係ない位置にレンダリングされている可能性があります。

[37] 奇癖モードでの一致については互換性のための特別な規定 >>36 があります。詳しくは :activeと:hoverの奇癖の項をご覧ください。

リンク

[17] 古い利用者エージェント、とりわけIEはリンク以外に :hover を適用させなかったため、当時のスタイル・シートでリンクにだけ適用される意図があったものが現在の利用者エージェントではリンク以外にも適用されてしまうことがあります。

歴史

CSS2

[21] Selectors (2001-01-16 00:22:58 +09:00 版) http://www.w3.org/TR/1998/WD-css2-19980128/selector.html#anchor-pseudo-classes
[23] Selectors (1998-03-25 23:00:31 +09:00 版) http://www.w3.org/TR/1998/PR-CSS2-19980324/selector.html#dynamic-pseudo-classes
[18] Selectors (2011-06-07 22:09:52 +09:00 版) http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

[22] >>21 が初出ですが、 :link, :visited, :active と排他的であるとされていました。

[24] >>23 で独立した状態となりました。

CSS3 UI

[26] css3-ui は単に選択子3仕様書を引用するだけになっています。

[25] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 2012-01-13 20:03:30 +09:00 版) http://www.w3.org/TR/2012/WD-css3-ui-20120117/#pseudo-classes

奇癖モード

[38] 2012年2月に奇癖モード標準によって奇癖モードでの挙動が明文化されました。

メモ

[1] りんく http://goldnet.ns.tc/~akt/js.html の「虹色リンク」ってやつ。面白いアイディアだと思った。
[2] >>1 要は、 :hover の時に一定時間おきに適当な色を順番に color に指定していくだけなんだけど。 XBL/HTC にしたら面白そう。

[3] WinIE ではリンク以外で :hover が効かないので onmouseover や onmouseout を使う方法が採られますが、その方法だと HTML の修正が必要になります。

が、 expression を使えば CSS だけで同じことができます。

実現例: Pseudo Pseudo Class “hover” for WinIE http://suika.fam.cx/gate/cvs/*checkout*/www/test/css/trident/expression/pseudo-hover.html (名無しさん 2005-05-24 01:48:39 +00:00)

[4] Mozillaのa:hoverは厳密なため注意が必要です - Web標準普及プロジェクト http://www.mozilla.gr.jp/standards/webtips0010.html

[5] JavaScriptでマウスカーソルがポイントしている要素(:hover)を取得する方法 - uupaaの開発日記 (2008-12-27 15:29:17 +09:00 版) http://d.hatena.ne.jp/uupaa/20080927/1222524566

[6] こっそりと特定の要素をマーキングし取得する - uupaaの開発日記 (2008-12-27 15:29:19 +09:00 版) http://d.hatena.ne.jp/uupaa/20080929/1222628532

[7] Bug 3611 マウスでフォームのセレクトを選択できない - WebStudio (2008-12-23 06:31:15 +09:00 版) http://www.d-toybox.com/studio/weblog/show.php?mode=single;id=2008122300

[8] Three Monkeys, Three Typewriters, Two Days: Performance vs correctness tradeoffs (2009-11-19 06:49:51 +09:00 版) http://weblogs.mozillazine.org/bz/archives/020267.html

[19] Web Controls 1.0 ( (2004-11-09 08:49:52 +09:00 版)) http://www.whatwg.org/specs/web-controls/current-work/#pseudo-classes

[20] Web Applications Markup Language 1.0 ( (2004-04-08 02:39:12 +09:00 版)) http://hixie.ch/specs/html/apps/web-apps-1#pseudo-classes

[27] Quirks Mode Standard ( (2012-02-09 23:33:50 +09:00 版)) http://simon.html5.org/specs/quirks-mode#the-:active-and-:hover-quirk

[28] Web Applications 1.0 r7126 Define :hover's weird HTML behaviours ( (2012-06-09 06:33:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=7125&to=7126

[39] Re: [whatwg] relationship between labeled control and label for :active and :hover pseudos ( (Ian Hickson 著, 2015-01-07 08:29:01 +09:00 版)) http://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jan/0013.html

[40] IE10で:hover時に擬似要素のスタイルが変更されない場合の解決策 - Qiita ( (2017-03-28 12:04:10 +09:00)) https://qiita.com/shouchida/items/e5238c1e6aa59bf8050c

[41] Deprecations and Removals in Chrome 59 | Web | Google Developers (2017-05-13 04:52:02 +09:00) https://developers.google.com/web/updates/2017/04/chrome-59-deprecations