クロームのデベロッパツール使うんですけどね。もうこの時点で、知ってる人はなんやねん！ってなると思いますが、自分は最近知ったので書いていきます。クローム開発ツールは便利ですね。

要素を指定する

クロームを立ち上げて、どこかのWebサイトへ行って、F12を押します。そうすると開発ツールが立ち上がるので、立ち上がったら左上の虫眼鏡のマークをクリックします。クリックしたのちさっき開いたWebサイトをにカーソル持ってくと、選択された要素がhover状態になります。クリックするとそこの要素の情報をデベロッパーツールが教えてくれます。

要素の情報を調べる

この時点で、何処に書いたCSSが適用されてるのか知る事ができますが、

「この要素なんでこんなマージン取ってんだ！」とか「何処のフォントサイズ効いてるんだこれ！」て他にも沢山ケースはあると思いますが、要素に対してどんなCSSがかかってるのか知りたい時はあります。そういうときにはComputedを押します。

ほら、これでもうCSSの悩みは無用ですよ！多分！圧縮されたCSSでも、プルダウンした後にファイルのリンクを踏めば、その部分をハイライトしてくれるので、検索で見つけ出してなんとかすることができます。おべんり。