css の .active{display :block}

Question

前提・実現したいこと

現在、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 を付与する形で開閉したいのですが、どうすればよいでしょうか？

Comments

[hogejack]

問題のｈｔｍｌ、ｃｃｓｓをかいてくださいませんか?

[yoshinavi]

HTMLコードを提示されると良いかと思います。

Answer 1

CSSの優先順位ではないですか？

CSSの優先順位を自在に適応させる方法

Comments

[taru_taru]

その通りでした。
みなさま、ありがとうございました。