【脱:擬似クラスhover】全デバイスでhoverイベントを安定させる方法【脱:擬似クラスhover】全デバイスでhoverイベントを安定させる方法 マウスで対象要素にホバーした時、簡単に色や大きさを変化させることができる便利なCSS擬似クラス:hover。 ですがCSSを使わずにhoverイベントを設定できる方が、デバイスに合わせた処理ができるため、CSS擬似クラス:hoverはあまりオススメしていません。 その理由と設定方法について解説します。 CSS擬似クラス【:hover】を使わなくなった理由 以前は擬似クラス【:hover】は非常に便利なCSSとして使用していました。 ですが一点のみ悩んでいた部分があります。 それはタブレットでの【:hover】の挙動です。 レスポンシブ対応にてホームページを制作する際に、PCサイト用のCSSとスマートフォン用のCSSは別々に記述しています。 <link rel="stylesheet" type="text/css"
