Meine Damen und Herren, habe ich Ihre Aufmerksamkeit?

Voll und ganz!

Du kannst Kind-Elemente mit dem Kind-Kombinator selektieren:
Das > ist in diesem Fall ein sogenannter Kombinator.
Der Nachfahren-Kombinator ist einfach das Leerzeichen.

Danke - Diese Definiton habe ich gesucht!

Mit h1.gruen selektierst du <h1>-Elemente, die gleichzeitig die Klasse "gruen" haben, also zum Beispiel sowas: <h1 class="gruen">Lorem Ipsum</h1>. Das ist vermutlich nicht das, was du erwartest hättest.

Ja, das wäre halt Plan C gewesen (bzw. die aktuelle Lösung), allerdings doch leider recht aufwändig

Kleiner Tipp am Rande: Heutzutage vermeidet man Klassennamen, die schon eine gewisse Präsentation suggerieren, wie .gruen, .rot oder .gelb. Stattdessen versucht man den Sinn hinter der unterschiedlichen Gestaltung zu konturieren und verwendet Klassenbezeichner, die Aufschluss über die Intention der Elemente geben. Zum Beispiel .warning, .error oder .notice.

Dieses Beispiel der Farben war der Einfachheit des Beitrages geschuldet. Effektiv geht es um "Unterkategorien" der Webseite, welche farblich immer anders gestaltet werden sollen. Also
domain.de/kategorie1 -> Grünes Layout
domain.de/kategorie2 -> Rotes Layout
domain.de/kategorie3 -> Gelbes Layout
domain.de/unkategorisiert -> Farbneutrales (graues) Layout