klasse auf hover anwenden
michel
- css
Hallo. Folgendes Script:
.test{
-moz-box-shadow: 0 0 1px 1px #D7D5E6;
-webkit-box-shadow: 0 0 1px 1px #D7D5E6;
box-shadow: 0 0 1px 1px #D7D5E6;
}
.boxshineFirstNone test{
}
.boxshineFirstNone:hover{
}
Wie bekomm ich die Klasse .test auf dem .boxshineFirstNone:hover angewendet?
.boxshineFirstNone:hover.test funktiert so leider nicht.
Hab verschiedene Varianten durchprobiert. Leider erfolglos. Vielleicht gibts ja diese Möglichkeit?
Oder muss man zwingend die Werte in .boxshineFirstNone:hover eintragen?
Würde das alles gerne verknüpfen wollen.
હેલો
.test{
> -moz-box-shadow: 0 0 1px 1px #D7D5E6;
> -webkit-box-shadow: 0 0 1px 1px #D7D5E6;
> box-shadow: 0 0 1px 1px #D7D5E6;
> }
> .boxshineFirstNone test{
> }
> .boxshineFirstNone:hover{
> }
Wie bekomm ich die Klasse .test auf dem .boxshineFirstNone:hover angewendet?
Mit Sass.
બાય
@@michel:
nuqneH
Wie bekomm ich die Klasse .test auf dem .boxshineFirstNone:hover angewendet?
Was meinst du mit „angewendet“? Dass alle Deklarationen für den Selektor '.test
' auch für den Selektor '.boxshineFirstNone:hover
' gelten sollen?
Selektoren lassen sich aufzählen:
.test, .boxshineFirstNone:hover
{
box-shadow: 0 0 1px 1px #D7D5E6;
}
(Dasselbe würde Sass bei
.boxshineFirstNone:hover
{
@extend .test;
}
auch generieren.)
Der -moz-Präfix macht bei box-shadow überhaupt keinen Sinn; er wird von Firefox schon lange nicht mehr interpretiert. -webkit- macht auch nur noch Sinn für Uralt-Safaris und -Blackberrys.
Qapla'