Web制作持によく使われる**:hover**擬似クラスですが、レスポンシブ対応させたWebページで
タップ操作しかないスマホブラウザでは:hoverのスタイル変化を無効にしたいという場合の実装法です。

めちゃくちゃシンプルですが、

@media screen and (min-width: 600px) {
 a:hover {
 }
}

のようにメディアクエリの(min-width: ***px)でスタイルを適用する最低画面幅を設定し、
その中で:hoverのスタイルを定義します。

上の例では「600px以上の画面幅があるときは<a>に:hoverを適用してね」ということなので、厳密には「スマホブラウザのみで無効にする」というわけではありませんが、実際問題的にはスマホ表示時には無効にできると思います。

以上、個人的備忘録失礼しました。