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.