CSSの調整をするときに少し楽になるGoogleChrome拡張。

CSS Scan

有料で9.99ドル　PayPal決済で購入可能です。

「CSS Scan」というChrome拡張(firefoxもあるよ)を使ってみたらとても便利だったので共有。要素の上にカーソルを乗せるだけでそいつのCSSが取得できる。「そんなもんインスペクタでもできるだろ」っておもったけど、これはあたってるCSSを全部まとめてくれる。https://t.co/Z8LHYexStN pic.twitter.com/nuU4M8Xnon

— reoring (@reoring) May 15, 2019

当たっているCSSを全部まとめてくれるので修正するときに楽。

当たっている部分だけをコピペしてデベロッパーツールに貼り付けてどの部分が当たっっているのかを確認しながらやれるので少しの時間だけどCSSの修正が楽になる。:hoverの要素もコピペしてくれるのも嬉しい。

まずは試してみて

CSS Scan – The fastest and easiest way to inspect and copy CSS
https://getcssscan.com/