hover

基线广泛可用

自 2018年12月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

该 hover CSS @media 可以根据用户的主要输入机制是否可以悬停在元素之上来应用样式。

语法

悬停功能指定为从下面列表中选择的关键字值。

html

<a href="#">Try hovering over me!</a>

css

@media (hover: hover) {
  a:hover {
    background: yellow;
  }
}

规范
Media Queries Level 4 # hover

此页面最后更新于 2025年11月6日，由 MDN 贡献者更新。