Web制作持によく使われる**:hover**擬似クラスですが、レスポンシブ対応させたWebページで
タップ操作しかないスマホブラウザでは:hoverのスタイル変化を無効にしたいという場合の実装法です。
めちゃくちゃシンプルですが、
@media screen and (min-width: 600px) {
a:hover {
}
}
のようにメディアクエリの(min-width: ***px)でスタイルを適用する最低画面幅を設定し、
その中で:hoverのスタイルを定義します。
上の例では「600px以上の画面幅があるときは<a>に:hoverを適用してね」ということなので、厳密には「スマホブラウザのみで無効にする」というわけではありませんが、実際問題的にはスマホ表示時には無効にできると思います。
以上、個人的備忘録失礼しました。