CSS help, please

Can the following be done. I want to control different options for parts of the "leftnavbar".

(div id="leftnavbar")

<p class="elegance">Classic Elegance.<br />

Affordable Rates.</p>

<ul class="links">

    <li><a href="">About Us</a></li>

    <li><a href="

    <li><a href="">Photography Collection</a></li>

    <li><a href="

    <li><a href="_">NEW Senior Site</a></li>


<ul class="contact">

    <li>Contact us</li>

    <li>by phone:</li>



    <li><a href="mailto:nobody@nowhere.com">E-mail</a></li>


<p class="bbbblacktext"><img src="bbblacktext.gif" alt="text" class="bbblacktext" /></p>


 In examples in my book it shows


leftnavbar .links { background-color: #fff; }

                      like this

ul. links { background-color: #fff; }

But it isn't working like the examples.

 Thank you for your help. I'll post the URL when I'm done.

Then you can make fun of my work.

We had to redesign this website: http://www.mccinfo.net/info1315/assignments/bbphotoredesign.htm

My redesign: http://student.mccinfo.net/dchamilton/mod5/bbphotography.htm

My CSS: http://student.mccinfo.net/dchamilton/mod5/bbphotographystyle.css

I'm not a front-end guy, so when I have to do layouts, I resort to using 960.gs.

This CSS system has saved me a lot of time and effort.

It's just an intro to CSS.

I recently changed my major to a new degree my school is offering. It's jusy called a General I.T. degree and I'm getting it with an emphasis in Networking. This is a community college where all credits will transfer to local universities where I'll study for a B.A. in Networking.