質問: ### 前提・実現したいこと 現在、CSSでレスポンシブメニューを作成しているのですが、一つ解決したいことがあって質問しました。 ### 発生している問題 レスポンシブメニューで開閉する際に .active クラスを付与する形で開閉を行なっているのですが、 ### 該当のソースコード ``` .active{ display:block; } ``` ``` .navbar__items { list-style: none; display: none; } ``` この場合だとうまくいくのですが、 ``` .navbar .navbar__items { list-style: none; display: none; } ``` に .active クラスを付与する形で行っても開閉ができませんでした。 できれば .navbar .navbar__items に .active を付与する形で開閉したいのですが、どうすればよいでしょうか?
回答: CSSの優先順位ではないですか? CSSの優先順位を自在に適応させる方法