title: Raphael.js How to use CSS file with Raphael.js ?
body: <p>In Raphael.js, if I have an text element:</p>
  
  <pre><code>var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!");
  </code></pre>
  
  <p>I would like to use CSS to style this text, I successfully CSS it by</p>
  
  <pre><code>($(t.node)).css('font-size', 18);
  </code></pre>
  
  <p>BUT, what if I define the css code in an external CSS file? How can I specifically define the css for my text element?</p>
  
  <p>I tried
  in javascript:</p>
  
  <pre><code>($(t.node)).addClass('my-text');
  </code></pre>
  
  <p>in my.css:</p>
  
  <pre><code>.my-text {
      font-size: 18   
  }
  </code></pre>
  
  <p>But it does not work at all, because the jQuery.addClass() is not working in Raphael..any ideas of how to style Raphael elements by using an external CSS file??</p>