Las hojas de estilo se aplican en cascada, de ahí su nombre en inglés: Cascading Style Sheets.

Esto significa que si tienes dos estilos que modifican a un mismo elemento, siempre se aplicará el que aparezca más abajo, por ejemplo, considera esta hoja de estilos:

.ejemplo
{
   margin-top:5px;
}

.ejemplo
{
   margin-top:10px;
}

Si aplicas el estilo ejemplo a un elemento de tu página, el margen superior será de 10 pixeles, ya que esta definición sobre escribe a la anterior. Esto ocurre frecuentemente si cargas varios archivos .css en una misma página y dos o más de ellos tienen diferentes reglas para un elemento.

Ahora bien, si tu problema es que deseas que se aplique el estilo de arriba, entonces debes utilizar el atributo !important para indicar que la regla no debe ser sobre escrita por ninguna regla siguiente. Hazlo así:

.ejemplo
{
   margin-top:5px !important;
}

.ejemplo
{
   margin-top:10px;
}
Publicada en Web

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


− cinco = 1