Definition verschachtelter UL's

[D.R.]

Hallo,

ich baue gerade ein CSS-Menu mit verschachtelten UL's. Mein Problem ist wahrscheinlich, dass ich mit Vererbung und Verschachtelung in CSS nicht so firm bin.

Der Code sieh wie folgt aus:
<div id="menu">

Kannst du weglassen und statt dessen <ul> formatieren. (Evtl. ID zuweisen)

<ul>
  <li><a href="#" id="ob_1">Oberpunkt 1</a>
    <ul>
      <li><a href="#">Unterpunkt 1.1</a></li>
....
    </ul>
  </li>
</ul>
<ul>
  <li><a href="#" id="ob_2">Oberpunkt 2</a>
    <ul>
      <li><a href="#">Unterpunkt 2.1</a></li>
....
    </ul>
</ul>
</div>

Wie bringe ich jetzt dem Menu bei, dass Unterpunkt 1 anders aussieht als Unterpunkt 2?

Weise ihm eine Klasse zu und formatiere ihn mit CSS.

mfg. Daniel