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.
 

