2011-12-02 17 views
55

Così, ho bisogno di uno stile perSass - due classi in un singolo tag

.question_actions.active 

mio CSS esistente

.question_actions { 
    float: right; 
    font-size: 1em; 
    width: 110px; 
} 
.question_action { 
    margin-bottom: 8px; 
    padding: 3px; 
} 
.question_actions.active { 
    /* some CSS */ 
} 

quale sarebbe la sintassi di combinarli?

risposta

121

Qui si va:

.question_actions { 
    float: right; 
    font-size: 1em; 
    width: 110px; 

    .question_action { 
     margin-bottom:8px; 
     padding: 3px; 
    } 

    &.active { 
    //some css 
    } 
} 
+0

Bella! Questo era esattamente ciò di cui avevo bisogno. Saluti. – Hcabnettek

+6

Piccola nota, la e commerciale è sensibile agli spazi bianchi. & .active con uno spazio, non sarà interpretato allo stesso modo. – HongPong

Problemi correlati