How to override css containing '!important' using jquery?

Question

I want to apply height for specific div using jquery but not able to override the \'!important\' keyword using jquery.

Here is

Answer 1

I dont understand why you have !important in your CSS if you hope to override it later. Remove the !important in your CSS height. CSS always prioritizes your HTML tag styles over CSS.

 .myclass{
   height:50px;
  }

  $('#divL3.myclass').css('height', '0px'); 

This is better for design.