Link to CSS file from JS file

[Wardrop]

Can someone tell me how to do it so that only browsers with javascript get the css file. I want to put it in a js file as it will make managing it easier. So in other words, don't provide alternatives

[cranial-bore]

You can lazy load a CSS file with javascript.
For example:

window.onload = function() {
   var newCSS = document.createElement('link');
   newCSS.href = 'css/for-javascript-users.css'; //path to CSS file
   newCSS.type = 'text/css';
   newCSS.rel = 'stylesheet';

    //Add CSS to Document
   var head = document.getElementsByTagName('head')[0];
   if(!head) return;
   head.appendChild(newCSS);
 }

[MikeFoster]

If you are not using an XHTML doctype then you can do this:

document.write("<style type='text/css'>.myStyleOverrides {...}<\/style");

I've used this alot and I see nothing wrong with using this method for HTML doctypes - it is as cross-browser as you can get. But you can't use this method in XHTML... but then, most of the people who use an XHTML doctype are not really serving XHTML