Applicare classi a più oggetti in css 
Autore: Giancarlo B.
Visite 1495,
Followers 1,
Condiviso 0
Salve ragazzi,
non riesco a trovare la sintassi corretta per applicare una .class a 4 oggetti #imCellStyle_56..57..58..59
se applico nel classico modo :
#imCellStyle_56 {
............;
...........;
.......;
}
nessun problema, ma siccome devo applicarlo a 4 oggetti, non volevo ripetere il codice 4 volte...
ho provato anche
#imCellStyle_56, #imCellStyle_57, #imCellStyle_58 ,{
ma niente...
grazie.
Postato il
prova così...
#imCell_9, #imCell_10, #imCell_11 .sfondo {background:red;}
dove .sfondo è la class...
oppure usando #imCellStyle...
L'errore è la virgola dopo l'ultimo selettore. Devi toglierla.
Autore
grazie Skeggia...
ti posto la classe .zoom ha anche delle subclassi
<STYLE>
.zoom {
position: relative;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
border-radius:999em;
-moz-border-radius:999em;
-webkit-border-radius:999em;
-o-border-radius: 999em;
}
.zoom:hover {
transform: Scale(1.2);
}
.zoom .back {
transform: Scale(1.2);
}
</STYLE>
se sostituisco .zoom con #imCellStyle_56 funzia...
però devo scrivere il codice per ogni oggetto... volevo snellire un pò la cosa...
grazie Giancarlo.
Autore
grazie stesil... provo.
si è come dice stesil, e dire che lo avrò fatto decine di volte... volevo esagerare...
Autore
così è ok ... dovro forse però ripetere gli oggetti nelle subclassi, grazie.
<STYLE>
#imCellStyle_56, #imCellStyle_57, #imCellStyle_58 {
position: relative;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
border-radius:999em;
-moz-border-radius:999em;
-webkit-border-radius:999em;
-o-border-radius: 999em;
}
#imCellStyle_56:hover {
transform: Scale(1.2);
}
#imCellStyle_57:hover {
transform: Scale(1.2);
}
#imCellStyle_56.back {
transform: Scale(1.2);
}
#imCellStyle_57.back {
transform: Scale(1.2);
}
</STYLE>