Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/02/2012, 11:07
Avatar de Rafael
Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Evitar que se hereden estilos en listas anidadas

Hola.
Digamos que tengo un menú con un pequeño submenú definido así (pongo un código simplificado):
Código HTML:
Ver original
  1. <nav id="Menu">
  2. <ul>
  3.  <li>Tema1</li>
  4.  <li>Tema2</li>
  5.  <li>Tema3
  6.   <ul><li>Tema3.1</li><ul>
  7.  </li>
  8. </ul>
  9. </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.