Define css if javascript is not enabled

Question

I want to define .exampleclass img {height:250px} if javascript is not enabled. Is their anyway to undo this in javascript / jquery?

Answer 1

The most elegant way is to have in your CSS something like:

.exampleclass img {height:250px}
.js .exampleclass img {height:auto;}

and in your JS:

var dd = document.documentElement;
dd.className += ((dd.className == "") ? "js" : " js");

so that the second CSS rule will override the first one in case JS is enabled