hover

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.

We'd love to hear more about your role and the company you work for

Please help us by answering a few questions.

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

语法

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

html

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

css

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

Specification
Media Queries Level 4 # hover