CSSには詳細度といって、どのクラスセレクターが優先的に適応されるかあらかじめ決まっています。
そして、クラスセレクターの詳細度を知りたい時は「Specificity Calculator」のサイトがおすすめです。
![](https://yujiromx.com/wp-content/uploads/2021/04/47FA0B7B-D2FB-4A0E-8E3D-2DC85EE5894B_1_105_c.jpeg)
視覚的にどのセレクターが適応されるのか知ることが出来るので、かなり便利ですね。
興味ある方は是非使ってみてください。
CSSには詳細度といって、どのクラスセレクターが優先的に適応されるかあらかじめ決まっています。
そして、クラスセレクターの詳細度を知りたい時は「Specificity Calculator」のサイトがおすすめです。
視覚的にどのセレクターが適応されるのか知ることが出来るので、かなり便利ですね。
興味ある方は是非使ってみてください。