悬停
语法
示例
HTML
html
<a href="#">Try hovering over me!</a>
CSS
css
/* default hover effect */
a:hover {
color: black;
background: yellow;
}
@media (hover: hover) {
/* when hover is supported */
a:hover {
color: white;
background: black;
}
}
结果
规范
规范 |
---|
媒体查询级别 4 # 悬停 |
浏览器兼容性
BCD 表格仅在浏览器中加载