タグについての質問です。（超初心者です） リストタグについてなのですが、複数のリストに複数のスタイルを設定したいのですができません。 何が悪いのか教えて下さい。また解決方法も教えて下さい。

Question

ホームページ作成の初心者です。悪戦苦闘しながら作成しています。

タグについて知恵袋をたくさん調べたつもりなのですが、分かりません・・・
教えて下さい。

複数のリストに各々スタイルを指定したいのですが、２つめのリストに反映されません。
スタイルシートで作成しているのですが・・・
どのようにしたら良いのでしょうか？

== HTMLは、下記のような形 ==
<div id="main">
・
・
・
<div id="navigation">
<dl id="navi">
<dt>野菜の種類</dt>
<dd><a href="#">キャベツ</a></dd>
<dd><a href="#">にんじん</a></dd>
</dl>
<dl id="navi2">
<dt>車の種類</dt>
<dd><a href="#">セダン</a></dd>
<dd><a href="#">ワゴン</a></dd>
</dl>
</div>
・
・
・
</div>


== CSSは、下記のような形 ==

#navigation dl#nabi {
background: #999999;
}
#navigation dl#nabi dt {
margin: 0 0 1px;
}
#navigation dl#nabi dd {
background: url(bg_01.png) no-repeat;
}
#navigation dl#nabi dd.first {
padding-top: 14px;
background-position: 0 -1px;
}
#navigation dl#nabi dd a {
color: #000000;
text-decoration: none
}
#navigation dl#nabi dd a:hover {
color: #A6FF28;
}

#navigation dl#nabi2 {
background: #FFFF66;
}
#navigation dl#nabi2 dt {
margin: 0 0 1px;
}
#navigation dl#nabi2 dd {
background: url(bg_01.png) no-repeat;
}
#navigation dl#nabi2 dd.first {
padding-top: 14px;
background-position: 0 -1px;
}
#navigation dl#nabi2 dd a {
color: #000000;
text-decoration: none
}
#navigation dl#nabi2 dd a:hover {
color: #CC0033;
}

上記のような形で、<dl id="navi2">のスタイルが適用されません・・・
なぜでしょうか？

ちなみに<dl id="navi">はちゃんと反映します。

よろしくお願いします。

補足

sitakirisuzume567さんへ ごめんなさい(^^;) 質問書くときに間違えました・・・ 実際の方は確認しましたがあってました(^^)v navi=nabi として教えて下さい。

Answer 1

× #nabi
○ #navi
全部間違ってますけど…。



＞質問書くときに間違えました・
……ということは、問題のページのソースの「コピー」ではない、ということですよね。

提示されたソースでテストしてみましたが、背景色、背景画像、リンク文字色すべて反映しました。
コピーではない＝問題点が修正された状態で書かれている、か、ここに提示されていない部分に原因があると考えられます。

質問者からのお礼コメント

テストまでして頂いたみたいで・・・
ありがとうございます。
実際のソースはもっと長いので、短く掲載してみました。
何度も確認してみてるつもりなのですが・・・できないんです。

もう一度確認してみます。

再度投稿するかもしれませんが、その際はもっとソースを足して質問してみます。
ありがとうございました。