michel: klasse auf hover anwenden

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.

  1. હેલો

    .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.

    બાય

    --
     .
    ..:
  2. @@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'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)