I've been doing a lot of searching and haven't quite found the solution to my problem.

What I'm trying to do, is have two CSS style sheets for a website. One style sheet for when javascript or jQuery is enabled, and one for when it is disabled. How would I go about doing this?

I've been doing a lot of searching and haven't quite found the solution to my problem.

What I'm trying to do, is have two CSS style sheets for a website. One style sheet for when javascript or jQuery is enabled, and one for when it is disabled. How would I go about doing this?

• javascript
• jquery
• css

Share Improve this question Follow asked Nov 19, 2010 at 0:24 JandaJanda 2111 bronze badge

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Use something like this:

<noscript>
<link type="text/css" href="noscript.css" rel="stylesheet" />
</noscript>

Hope this helps!

EDIT

For when JS is enabled, just create the <link> tag using JS. (document.write(...);)

Your second stylesheet can just override whatever is in the first. Past (after) that, just include the second inside a <noscript> tag, like this:

<noscript>
  <link rel="stylesheet" type="text/css" href="myStyles.css">
</noscript>