2017-02-11 13 views
0

私のナビゲーションバーには、緑色の「アクティブ」ボックスが表示され、ユーザーが現在どのタブを表示しているのかがわかります。このボックスは、私が持っているすべてのタブに表示されます(1つを除き、ドロップダウンメニューになります)。したがって、なぜそれが現れないのかを理解する助けが必要です。それは<a>タブで2つのクラスを宣言したためですか?私のコードはhttps://jsfiddle.net/wmzpktw7/です。ご覧のとおり、「ゲーム」メニューにはボックスはありません。 class="selected"を別のタブに移動すると、緑色のボックスが表示されます。どんな助けでも大歓迎です。ナビゲーションバーの「アクティブな」ボックスがドロップダウンメニューに表示されない

答えて

0

これは、HTML要素内にclassの宣言が2つあるからです。複数のクラスは次のように宣言することができます。

<a class="dropbtn selected" href="#">Games</a> 

https://jsfiddle.net/mmd9u1h7/1/

+0

答えをいただき、ありがとうございます。それは今働く。それで、もっとクラスが必要な場合は、それを追加するだけでいいのですか? – Noob

+0

ようこそ。はい、同じ方法で必要な数のクラスを追加できます。スペースで区切られていることを確認してください。 – sol

+0

説明と回答のおかげで – Noob

関連する問題