{
"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
}
}
}
}
}
}
}