cssで、入れ子になったリストに別のデザインを適用したくてつまづいてい

cssで、入れ子になったリストに別のデザインを適用したくてつまづいています。


■ソース
<ul id="column-topmenu">
<li><a href="#">●●●</a></li>
<li><a href="#">●●●</a></li>
<li><a href="#">●●●</a>
　　　　<ul class="sub">
<li><a href="#">●●●</a></li>
<li><a href="#">●●●</a></li>
</ul>
</li>
<li><a href="#">●●●</a>
</li>
</ul>

■CSS（親リストの指定）
ul#column-topmenu li {
padding: 15px 20px 15px 25px;
list-style:none;
background: url(../img/title2_bg.gif) no-repeat;
font-size: 17px;
line-height: 1.1;
}

親要素のリストには、背景画像をつけるのですが、
入れ子のほうには背景画像なしで、テキストを整形して並べるだけです。
システムで生成する関係上、<li>にはIDを振ることができません。
<ul>は可能です。

入れ子のulには、subとつけて、試行錯誤しているのですが、
どうしても背景画像が反映してしまって・・・。

ご教示ください。
よろしくお願いします。

No.1 回答者： naokita 回答日時： 2010/11/03 19:15

ul の中の ul li に適応させる。

ul#column-topmenu ul li { background: none;}

この回答へのお礼

解決しました。ありがとうございます！

お礼日時：2010/11/03 22:39