Buenas gente, espero esten bién
verán, necesito saber alguna manera de sobreescribir los estilos de un
div cuyo
id de herencia es
window
Aclaro que los siguientes codigos se cargan mediante la funcion
load() de
Jquery
Estilo por defecto de
window e
image
Código CSS:
Ver original#window{
width:50%;
height:90%;
}
#window .image{
border:1px solid rgba(255,255,255,0.1);
margin:1vmin;
}
Estilo y Estrucura del modulo
Test1
Código CSS:
Ver original#window .image.a{
width:10%;
height:10%;
}
Código HTML:
<link rel='stylesheet' href='modules/test1/css/auth.css'>
<div id='window'>
<div class='image a'></div>
</div>
Estilo y Estrucura del modulo
Test2
Código CSS:
Ver original#window .image.b{
width:25%;
height:15%;
}
Código HTML:
<link rel='stylesheet' href='modules/test2/css/auth.css'>
<div id='window'>
<div class='image b'></div>
</div>
La cosa es que solo funciona el
.image.a, cuando cargo con ajax la hoja de estilos con el contenedor
.image.b no lee dichos estilos...
¿que puedo hacer?