Esto sería un ejemplo de html
Código HTML:
Ver original<div class="marco_revista_1"> <div class="stay-tooltip-target tooltip-target CLASENUEVA" id="stay-target-1"> <img src="images/boton_1.jpg"></div>
<div class="marco_revista_1"> <div class="stay-tooltip-target tooltip-target CLASENUEVA" id="stay-target-2"> <img src="images/boton_2.jpg"></div>
<div class="stay-tooltip-content tooltip-content CLASENUEVA" id="stay-content-1"> <img src="images/imagen_1.jpg" />
Y los estilos que tienes que aplicar a todos los "stay-target..." los aplicarías de esta forma:
Código CSS:
Ver original.CLASENUEVA {
width: 450px;
height: auto;
margin: 0 auto 0 auto;
border: none;
}
.CLASENUEVA p {
font-family: 'Merriweather', serif;
font-size: 0.7em;
color: #023568;
line-height: 20px;
margin-top: 10px;
text-align: justify;
float: left;
}
.CLASENUEVA h5 {
font-family: 'Merriweather', serif;
font-size: 0.8em;
color: #023568;
margin-bottom: 10px;
font-weight: normal;
line-height: 15px;
text-align: left;
}
así todos los "stay-target..." tendrán el mismo estilo sin duplicar nada