Menu css (ul li)

Bonsoir à vous !
j'ai un soucis sur un menu.

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<ul id="nav">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a>
      <ul>
            <li><a href="#">3.1</a>
              <ul>
                    <li><a href="#">3.1.1</a></li>
                    <li><a href="#">3.1.2</a></li>
              </ul>
            </li>
            <li><a href="#">3.2</a></li>
            <li><a href="#">3.3</a></li>
      </ul>
    </li>
</ul>

Mon problème:

J'aimerai que la première liste ai un background-color: transparent;
mais pas le reste ! comment faire ?

si j'applique

Code:

li.color

ou

Code:

ul#nav li.color

le fond transparent se met sur tous les listes du menu !

:calim2:

salut,

tout simplement en surchargeant la couleur pour les éléments enfants
Code:

1 2 3 4 #nav li ul li { background: blue; }

merci de ta réponse.