Wiele dwie klasy selektorów w Sass

Question

Posiadanie wielu selektorów dwie klasy dla pojedynczego bloku deklaracji, czy jest możliwe, aby uprościć następujące (czyli nie trzeba powtarzać tag body):

body.shop, body.contact, body.about, body.faq {background-color:#fff;} 

Answer 1

spróbuj tego:

body{ 
    &.shop, &.contact, &.about, &.faq { 
     background-color:#fff; 
    } 
} 

Answer 2

body { 
    &.shop, &.contact { 
     // Styles here... 
    } 
} 

Answer 3

W tym przypadku możemy użyć @each dyrektywy:

$pages: shop, contact, about, faq; 

body { 
    @each $page in $pages { 
    &.#{$page} { 
     background-color:#FFF; 
    } 
    } 
} 

sassmeister.com