Hat man den dreh einmal raus, ist das Umgestalten eines Templates per CSS gar nicht so schwer, die größte Hürde dabei ist in meinen Augen das Referenzieren der entsprechenden Elemente. Muss ich jetzt bsp {…}, .bsp {…}, #bsp {…} oder .bsp p {…} in die style.css schreiben? Was bezieht sich eigentlich auf was?

Wer sich ungern auf selfhtml.org in die Thematik der CSS-Selektoren einliest, der findet im CSS Diner eine praktische CSS-Lernhilfe. In 26 Leveln gilt es den richtigen Selektor zu finden. Links im CSS Editor trägt man seine Lösung ein, rechts in der HTML-Ansicht sieht man den HTML-Code der Dinge, die auf dem Tisch liegen. Das ganze Projekt ist dabei Open-Source, der Code liegt auf einem Github.