gistfile1.js

var styles = heredoc(function() {
  /*
    <style>
      .my_css {
        ...
      }
    </style>
  */
});

$("head").append(styles);

function heredoc(fun) {
  return (fun + '').replace('function () {', '').replace(/\}$/, '').replace('/*', '').replace('*/', '');
};

well my problem is that i have html templates in a javascript file so i can't use the dom trick. the e4x syntax would be perfect but only if it was available in all browsers.