在移动端禁用CSS 的 hover效果

在做响应式网站时，通常会遇到在 PC 端页面制作的 hover 效果，移动端里点击相应元素后，会出现hover效果，即使手指移开屏幕，不做任何其他操作的情况下，这个效果会一直显示。这种情况会让犯强迫症的人抓狂，通过 CSS 的媒体查询功能可以完美解决这个头疼的小问题。

// 将需要在 PC 端执行的 hover 效果写在里面
@media (any-hover: hover) {
  a:hover {
    color: blue;
  }
}