Override inline styles > use !important

Ready
If you have ever been unable to change a specific style of an element because the style is inline, then use the !important modifier in your CSS.

Example of inline style:
<div id="inline" style="border-top:3px solid #f00;">some text here</div>

If you use this in you CSS the border will remain because the inline style has precedence:
#inline{
  border:none;
}

BUT, if you add !important, the inline style will be overridden:
#inline{
  border:none !important;
}


#CSS
Created By: Justin Prevatte (he/him) (he/him) Apr 10, 2013
Last Updated By: Justin Prevatte (he/him) (he/him) Apr 10, 2013
0 comments
0 Views
0 revisions
 

Related Links

No Related Resource entered.