悬停 | @media.hover

@media.hover

该hover CSS @media媒体功能可基于是否主要input机制悬浮于元素上，来用于应用样式

语法

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

none主要input根本无法悬停或不能方便悬停（例如，当用户执行不方便的长按操作时，许多移动设备模拟悬停），或者没有主指示输入机制。hover主要的input可以方便地悬停在元素上。

例子

HTML

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

CSS

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

结果

规范

浏览器兼容性