{ "css": { "selectors": { "hover": { "__compat": { "description": ":hover", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/:hover", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "4" }, "opera": { "version_added": "4" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1", "notes": "As of Safari for iOS 7.1.2, tapping a clickable element causes the element to enter the :hover state. The element will remain in the :hover state until a different element has entered the :hover state." }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "a_elements": { "__compat": { "description": "<a> element support", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "4" }, "opera": { "version_added": "4" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "37" } }, "status": { "experimental": false, "standard_track": false, "deprecated": false } } }, "all_elements": { "__compat": { "description": "All elements support", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12", "notes": "In Edge, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the :hover state until the pointer is moved. See bug 5381673." }, "firefox": { "version_added": "1" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "7", "notes": [ "In Internet Explorer 8 to Internet Explorer 11, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the :hover state until the pointer is moved. See bug 926665.", "In Internet Explorer 9 (and possibly earlier), if a <table> has a parent with a non-auto width, overflow-x: auto;, the <table> has enough content to horizontally overflow its parent, and there are :hover styles set on elements within the table, then hovering over said elements will cause the <table>'s height to increase. See a live demo that triggers the bug. One workaround for the bug is to set min-height: 0%; (the % unit must be specified, since unitless and px don't work) on the <table>'s parent element." ] }, "opera": { "version_added": "7" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "37" } }, "status": { "experimental": false, "standard_track": false, "deprecated": false } } }, "pseudo_elements": { "__compat": { "description": "Pseudo-element support", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "28" }, "firefox_android": { "version_added": "28" }, "ie": { "version_added": "11" }, "opera": { "version_added": "15" }, "opera_android": { "version_added": "14" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "≤37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } } } } }