0

メニューを分割して、メニューの各ボタンに独自の色とホバー色を与えることができません。これまでのところ、このコードでは、すべてのメニュー選択に影響するユニバーサル カラーを設定することしかできません。それぞれの選択肢に独自の色を与えるために、コードに何を変更/追加するかを誰かが教えてくれたら本当にありがたいです。

私が使用しているコードで Jsbin へのリンクを作成したので、メニューが「ライブ」で表示されます。リンクは次のとおりです。http://jsbin.com/ivoqoh/1/edit

繰り返しますが、私の目標は、個々のメニューの選択肢 (ページ 1、ページ 2 など) に固有の色とホバーの色を与えることです。

4

4 に答える 4

0

これまでにここに投稿されたすべての回答が回答を提供しており、それらはすべて有効です。個々の要素に独自の特別な色を持たせたい場合は、各要素に一意の ID を適用し、その特定の ID に対して CSS を適用する必要があります。

<a>次のように、アンカー タグ ( )を使用してメニュー項目を定義しました。

<a href="#slide-panel-2">Page 2</a>

特にページ 2 をスタイルするには、ページ 2 に ID を追加する必要があります。

<a href="#slide-panel-1" id="two">Page 2</a>

次に、ページ 2 にスタイルを明示的に適用します。

#two {
  color: #ffffff;
  background-color: #000000;
}

各ページに対して同じことを行う必要があります。ここでJSBin の更新を参照してください。

于 2013-04-23T16:39:36.570 に答える