Foros del Web » Creando para Internet » CSS »

Ejecutar display none a un solo ul

Estas en el tema de Ejecutar display none a un solo ul en el foro de CSS en Foros del Web. Hola! Tengo la siguiente duda: Tengo un menu con varios apartados(submenú) ej: Comida basura Burguer king Mac Donalds Comida nacional Garbanzos Lentejas Paella Supongamos que ...
  #1 (permalink)  
Antiguo 14/01/2011, 12:51
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Pregunta Ejecutar display none a un solo ul

Hola!

Tengo la siguiente duda:

Tengo un menu con varios apartados(submenú) ej:

Comida basura
Burguer king
Mac Donalds
Comida nacional
Garbanzos
Lentejas
Paella

Supongamos que quiero que en el de abajo, solo se lea "comida nacional" y al pasar el ratón, se muestre el submenú.
Para ello utilizo
Cita:
li ul {
display: none;
font-size:14px;
color:#666;
}
Y me lo aplica a los dos submenus.Pero si solo quiero que lo aplique al de abajo, como lo debería de poner?

Un saludo, muchas gracias

Última edición por NaRanJiTo78; 14/01/2011 a las 12:58
  #2 (permalink)  
Antiguo 14/01/2011, 15:46
 
Fecha de Ingreso: mayo-2004
Mensajes: 34
Antigüedad: 13 años, 6 meses
Puntos: 1
Respuesta: Ejecutar display none a un solo ul

Puedes añadir un ID al <li> deseado:

Código HTML:
<ul>
	<li>Comida basura
		<ul>
			<li>Burger King
			<li>Mac Donalds
		</ul>
	<li id='comida-nacional'>Comida nacional
		<ul>
			<li>Garbanzos
			<li>Lentejas
			<li>Paella
		</ul>
</ul> 
y tu CSS:

Código:
li#comida-nacional ul {
	display: none;
}

li#comida-nacional:hover ul {
	display: block;
}
  #3 (permalink)  
Antiguo 15/01/2011, 03:39
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Ejecutar display none a un solo ul

Muchísimas gracias, romansg, ahí te llevas tu karma!

Etiquetas: display, ejecutar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:34.