I would like to know that is there anyway to make changes in .css file using Jquery or javascript. I know, I can dynamically add css properties(or classes) to DOM Element but I
Nope, you can't. You can override the css values with inline one. Because of *.css files are static and placed on the server - you can't bring any changes to the server css file. The only way - use server side of the application (PHP, ASP.NET, etc)