クラスセレクターの詳細度がわかる「Specificity Calculator」について

CSSには詳細度といって、どのクラスセレクターが優先的に適応されるかあらかじめ決まっています。

そして、クラスセレクターの詳細度を知りたい時は「Specificity Calculator」のサイトがおすすめです。

視覚的にどのセレクターが適応されるのか知ることが出来るので、かなり便利ですね。

興味ある方は是非使ってみてください。

関連記事:

何のライブラリやCMSを使っているかわかる「BuiltWith」について 【CSS】適切な行間隔を教えてくれる「The good line-height」について 【XD】テキストエリアを自動で調整してくれる「Trimit」について 【無料】teratailとは？使い方まで解説【エンジニア必見】