タイトルの通りである。今までの無知な僕を小一時間責めたい。
自分のサイトとか他人のサイトとかでhover時のCSSがいいなぁと思ってもデベロッパーツールで確認できなくてイライラしていたところこの方法を見つけました。というか誰でも知っていると思う。
やり方は簡単。Chromeのデベロッパーツール(因みにショートカット⌘+option+iを使うと楽)を開いてセレクタモードにして該当箇所をクリック。
StyleのタブのFilterの横に:hovとあるのでクリック。
Force element state(要素の強制)のボックス内の:hoverのチェックボックスを✔︎
そうするとhover時のCSSが確認できます。
因みにhoverだけでなくactiveなども確認できるのでとっても便利ですね!やったねたえちゃん!
みんなのコメント