How to override the external CSS using some condition in Jquery?
Actually, I have an application for different countries in different languages and external CSS is defined for all the HTML elements on the Page using classes and Id's. What I want is to change the font of the whole website for a particular country but I don't want to do it by applying the CSS to all the classes again and again. So Is there a way that I can change the CSS(font) of whole website in a go or by using a convenient way.
Due to the fact that you're saying there's styles set by ID, the only way to really override these without doing specific style for each element, would be inline styles.
To avoid having to set it for every class like in the example above, you would do something like this instead:
$('h1, h2, h3, h4, h5, h6, p, a').css('font-family', 'verdana');
In the selector part (the first part) you either go through this list and take all relevant elements - or better yet: go through a few samples of the pages you're going to be using and select the relevant html elements from there. It shouldn't really take that long.
For the part about making your solution work on only specific languages/countries I would do something like this:
$('h1, h2, h3, h4, h5, h6, p, a', 'body.en-us, body.en-ca').css('font-family', 'verdana');