Foros del Web » Creando para Internet » HTML »

Como quitar estilos css heredados?

Estas en el tema de Como quitar estilos css heredados? en el foro de HTML en Foros del Web. Hola buenas, tengo un gran problema. Estoy intentando poner un menu desplegable dentro de mi pagina web pero resulta que al ser estilos diferentes se ...
  #1 (permalink)  
Antiguo 08/02/2011, 11:11
 
Fecha de Ingreso: septiembre-2007
Mensajes: 189
Antigüedad: 10 años, 3 meses
Puntos: 1
Como quitar estilos css heredados?

Hola buenas, tengo un gran problema. Estoy intentando poner un menu desplegable dentro de mi pagina web pero resulta que al ser estilos diferentes se ve muy mal

Antes tenia este menu y funcionaba perfectamente
Código:
        <div class="menu">
          <ul>
            <li><a href="index.php" class="active"><span>Inicio</span></a></li>
            <li><a href="empresa.html"><span> Nosotros</span></a></li>
            <li><a href="instalacion_formacion.html"><span>Servicios</span></a></li>
            <li class="menu_head"><a href="#"><span>Productos</span></a></li>
            <li><a href="contacto.html"><span> Contacto </span></a></li>
          </ul>
        </div>
Pero al poner el siguiente codigo todo se desordena:

Código:
        <div class="menu">
          <ul>
            <li><a href="index.php" class="active"><span>Inicio</span></a></li>
            <li><a href="empresa.html"><span> Nosotros</span></a></li>
            <li><a href="instalacion_formacion.html"><span>Servicios</span></a></li>
            <li class="menu_head"><a href="#"><span>Productos</span></a>
<ul> 
			<li><a href="#">¿Qué es jQuery?</a></li> 
			<li><a href="#">¿Por qué debería usarlo?</a></li> 
			<li><a href="#">¿Por qué tengo que seguir poniendo elementos de lista?</a></li> 
		</ul> 
</li>
            <li><a href="contacto.html"><span> Contacto </span></a></li>
          </ul>
        </div>
Quiero que cuando haga click en productos que se me muestre el menu desplegable tal como este en este pagina:
http://jlc-productions.net/tips/ddmenu/menu6.htm

Me gustaria poder quitar el estilo css heredado de <div class="menu">

Un saludo
  #2 (permalink)  
Antiguo 08/02/2011, 12:15
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Como quitar estilos css heredados?

La herencia en CSS, en términos generales y en ausencia de la declaración !important, es muy simple.
Los archivos externos se leen primero. El último enlace CSS sobreescribe a las propiedades descritas en enlaces a hojas de estilo precedentes.
Luego tienen prioridad las hojas de estilo internas (declaradas en el <head> de tu HTML) sobre los enlaces que le anteceden.
Por último, si existen etiquetas link dentro de <body> deberían sobreescribir las reglas anteriores.
Tan solo los estilos en línea tienen preferencia sobre lo anterior.

Para hacer que aparezcan o desaparezcan menús al pinchar con el ratón sobre ellos lo habitual es usar javascript.
Mediante javascript puedes modificar el CSS de manera dinámica a tu antojo.
Con CSS sólo se garantizan los comportamientos :link, :focus, :active, y :hover.

Última edición por sanxuan; 08/02/2011 a las 12:20

Etiquetas: css, estilos, quitar
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 19:49.