Die Datei main.css

Verwenden Sie diese Datein um den Inhalt / das Layout zu stylen.

Um die Styles Modulespezifisch auf den Inhalt an zu wenden. Verwenden Sie zum Beispiel folgende CSS-Klasse:
.-m-cms-cont-myModule button {
  background:#ff0;
  border-radius:5px;
  box-shadow:0 0 10px #000;
}

Konvention

Für CSS-Klassen haben wir die Konvention, dass wenn eine Klasse mit einem Strich beginnt "-", die Klasse an ein möglichst eindeutiges Element gebunden ist.

Beispiel:
Bei der Klasse "-m-cms-cont-myModule" kann man annehmen, dass sie nicht durch irgend eine fremde Erweiterung gestört wird. Sie ist eindeutig.

Wenn wir die Kontrolle über den Inhalt des Modules haben, können wir unbekümmert den folgenden Selektor verwenden:
.-m-cms-cont-myModule > .-btn.-active

Was man bei dieser Konvention nicht darf, ist folgenden Selektor verwenden, da dieser Elemente überschreibt, über die man unter Umständen keine Kontrolle hat.
.-active