~/Untitled.html

<html>
  <head>

    <script
      type="text/javascript"
      src="http://s3.amazonaws.com/drawohara.com.javascripts/css.js">
    </script>

    <!-- 
      refs:

        http://s3.amazonaws.com/drawohara.com.html/css.js.html to see it live
        http://github.com/ahoward/cssjs
        http://gist.github.com/299030 
    -->


    <script>
      type="text/javascript"
    // you can use variables and expressions
    //
      var light_grey = '#f0f0f0';
      var dark_grey = '#333';


    // to write css using a dsl that requires 0 learning
    //
      css({

        body: {
          'background-color' : light_grey 
        },

        div: {
          border: '1px solid #ccc',
          padding: '1em',
          color: dark_grey
        },

      });


    // and you can tweak the css afterwards
    //
      css('div')['font-weight'] = 'bold';


    </script>
  </head>

  <body>

    <div class='selector'>
      <p> surely someone has already thought of this? </p>

      <p> right? <p>
    </div>

  </body>
</html>