[newbie guy]

Привет всем!

И так, есть список.

<ul class='container'>
    <li>
        <span>Заголовок 1</span>
        <ul class='container'>
            <li><span>Подзаголовок 1.1</span></li>
        </ul>
        <ul class='container'>
            <li><span>Подзаголовок 1.2</span></li>
        </ul>
    </li>
    <li>
        <span>Заголовок 2</span>
        <ul class='container'>
            <li><span>Подзаголовок 2.1</span></li>
        </ul>
    </li>
</ul>

Выглядит так:

• Заголовок 1
  • Подзаголовок 1.1
  • Подзаголовок 1.2
• Заголовок 2
  • Подзаголовок 2.1

Нужно сделать, чтобы было вот так:

• Заголовок 1
  • Подзаголовок 1.1
  • Подзаголовок 1.2
• Заголовок 2
  • Подзаголовок 2.1

Если объяснить в словах.
Каждый последний элемент списка, должен быть подчеркнут.
Каждый элемент списка не имеющий вложений, должен быть выделен жирным шрифтом.

Заранее спасибо за ответы.