Ich lerne Sass, bin aber ein bisschen festgefahren, um etwas herauszufinden. Ich möchte ein einzigartiges Hintergrundbild und ein Kopfbild auf verschiedenen Seiten haben. Wie kann ich vielleicht den Body-Class-Namen aus dem Markup extrahieren und das in scss interpretieren?

Grundsätzlich brauche ich eine Möglichkeit, um dies zu verhindern (was ist der Sinn von scss, oder ?!)

body.page1 {
  background: url(../img/bkg-page1.png) left top repeat-x;

  header {
    background: url(../img/header-page1.png) center top no-repeat;
    height: 320px; 
  }

}

body.page2 {
  background: url(../img/bkg-page2.png) left top repeat-x;

  header {
    background: url(../img/header-page2.png) center top no-repeat;
    height: 320px; 
  }

}

Mir ist klar, dass die Verwendung von Variablen die richtige Richtung ist, aber ich bin mir nicht sicher, wie ich die Markup-Klasse an scss weiterleiten soll.

Alle Hinweise wäre sehr dankbar.