Comment différencier “#id.class” à partir de “#id .la classe” en SCSS?

Comment pourrais-je, avec SCSS, faire la différence entre :

#id.class {
  color: red;
}

et :

#id .class{
  color: blue
} 

Parce que j'ai besoin de quelque chose comme :

#id {
  .class {
    color: red;
  }
  ' ' + .class {
    color: blue;
  }
}
  • Je pense que dystroy devrait obtenir le crédit pour celui-ci.
  • Je pense que Denys devrait obtenir le crédit pour celui-ci.