Multi: CSS ohne Zugriff auf <head/> einbinden

Beitrag lesen

Mahlzeit,
ich hab auf einer HTML-Seite keinen Zugriff auf <head/> sondern lediglich auf den Inhalt in <body/>

Bisher schreibe ich das CSS direkt ins style-Attribut, was bei komplexeren Designs Spagetticode bzw. lange Zeilen und Wiederholungen wenn das gleiche Element mehrfach vorkommt.

Ich weiss, dass ich per Javascript zusätzliche Elemente in <head/> einhängen kann, aber nicht jeder Browser macht das zwangsläufig richtig.

Wie kann ich das "schön" lösen? Ob der Code valide ist, ist mir in diesem Fall wurscht, weil das Template, in den ich meinen Quellcode einfüge, eh nicht valide ist. Es muss nur in den üblichen Browsern (auch auf Mobilgeräten) funktionieren.

Wenns keine Lösung gibt, werd ich das mit dem style-Attribut beibehalten, würde halt das CSS nur gerne auslagern und mit Klassen und IDs arbeiten.