Evitar que se hereden estilos en listas anidadas

[Rafael]

Hola.
Digamos que tengo un menú con un pequeño submenú definido así (pongo un código simplificado):

Código HTML:

<nav id="Menu">
<ul>
 <li>Tema1</li>
 <li>Tema2</li>
 <li>Tema3
  <ul><li>Tema3.1</li><ul>
 </li>
</ul>
</nav>
 

Y un estilo así:
#Menu ul {width: 500px;}
Esto me da por resultado que también la <ul> anidada resulte de 500px.

Para evitar tener que sobreescribir la regla para el <ul> anidado:
#Menu ul li ul {width: 100px;}

¿Cómo podría redactar la primer regla para que solo los <ul> de primer nivel, no los <ul> anidados sean afectados?

No soy muy versado en pseudoclases.

[pitufoweb]

Hola,


Puedes usar selectores de hijos (creo que así se llaman)

#Menu>ul {...} Esto afecta solo a los UL que son hijos directos de #Menu



Saludos

[Rafael]

OK, voy a probar. :)