Tengo una clase que se encarga de definir estilos para un listado tipo <ul> tal que así:
Código:
Y otra clase con los estilos de visualización de un contenedor, que es esta:.lst_general li .soporte_imagen
{
position: relative;
float:left;
width:131px;
height:131px;
margin-right:10px;
margin-left: -2px;
background-image:url("graficos/sop_thumb_noticias.png");
background-repeat:no-repeat;
}
.lst_general li .soporte_imagen img
{
padding-top:5px;
padding-left:5px;
width:119px;
height:119px;
background-image: url("graficos/ico_loading.gif");
background-repeat: no-repeat;
background-position: 50% 50%;
}
Código:
Ambas clases son usadas en diferentes secciones de una página web, la primera en el listado general de info para Eventos, Noticias y demás, y la segunda para la visualización de los datos de Artistas.#vis_artistas .soporte_imagen {
float: left;
width:220px;
height:220px;
margin-right: 12px;
margin-left: -2px;
margin-top: 4px;
background-image:url("graficos/sop_thumb_artistas.png");
background-repeat:no-repeat;
}
#vis_artistas .soporte_imagen img
{
margin-top: 5px;
margin-left: 5px;
width:208px;
height:208px;
background-image: url("graficos/ico_loading.gif");
background-repeat: no-repeat;
background-position: 50% 50%;
}
El problema es que esa visualización de Artistas debe, a su vez, visualizar datos de recortes de prensa para lo que uso los estilos del listado general, de forma que la primera clase quedaría dentro de la segunda. Y las imagenes de recortes de prensa se ven con los estilos de artistas y no con los de listado general.
Se os ocurre cómo solucionar el tema sin tener que definir estilos y nombres personalizados para las diferentes clases?
Os lo agradezco de antemano.
Un saludo.


