WebSite X5Help Center

 
Giancarlo B.
Giancarlo B.
User

Applicare classi a più oggetti in css  it

Автор: Giancarlo B.
Просмотрено 1425, Подписчики 1, Размещенный 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.

Размещено
6 Ответы - 1 Полезно
Skeggia 12
Skeggia 12
Moderator

 prova così...

#imCell_9, #imCell_10, #imCell_11 .sfondo {background:red;}

dove .sfondo è la class...

oppure usando #imCellStyle...

Читать больше
Размещено От Skeggia 12
 stesil  
 stesil  
User
Giancarlo B.
#imCellStyle_56, #imCellStyle_57, #imCellStyle_58 ,{

L'errore è la virgola dopo l'ultimo selettore. Devi toglierla.

Читать больше
Размещено От  stesil  
Giancarlo B.
Giancarlo B.
User
Автор

grazie Skeggia... laughing

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.

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Автор
 stesil  
Giancarlo B. #imCellStyle_56, #imCellStyle_57, #imCellStyle_58 ,{ L'errore è la virgola dopo l'ultimo selettore. Devi toglierla.

grazie stesil... provo.

Читать больше
Размещено От Giancarlo B.
Skeggia 12
Skeggia 12
Moderator

si è come dice stesil, e dire che lo avrò fatto decine di volte... volevo esagerare...

Читать больше
Размещено От Skeggia 12
Giancarlo B.
Giancarlo B.
User
Автор
Skeggia 12
si è come dice stesil, e dire che lo avrò fatto decine di volte... volevo esagerare...
 

wink

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>

Читать больше
Размещено От Giancarlo B.