[CSS] @media (hover: hover)

CSSの :hover 効果をスマホで無効化したい場合に @media (hover: hover) を使うとよさそう。

@media (hover: hover) {
    /* PC向けの:hoverスタイルは、このメディアクエリ内に記述しておく */
}

本当に大丈夫か確認するためのテストページ
@media(hover:hover)のテスト
http://cmz.html.xdomain.jp/test-hover.html