Plusieurs sélecteurs à deux classes dans Sass

Question

Avoir plusieurs sélecteurs à deux classes pour un seul bloc de déclaration, est-il possible de simplifier les éléments suivants (c'est-à-dire de ne pas avoir à répéter la balise body):

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

Answer 1

essaye ça:

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

Answer 2

Dans ce cas, nous pouvons utiliser @each directive:

$pages: shop, contact, about, faq;

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

sassmeister.com

Answer 3

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