inline !important css issue

[Rachana]

Hello,

How do i solve inline !important ;?

i tired !important !important but its not work .

!important !important property is right kind property or not ?
plz clear this issue n help me.

http://codepen.io/anon/pen/Eparg

[Paulie_D]

Why are you using `!important`?

You can’t double up on it and make it “stronger”.

Inline CSS will, as a general rule, override any CSS in your stylesheet assuming the same level of specificity.

[pixelgrid]

declaration space !important single one;

width:1000px !important;

having important both inline and in css file the inline declaration applies

[Senff]

Not impossible: you can override it by adding another inline style after that:

But that’s definitely the only way, I think.

[pixelgrid]

a solution is to remove the style attribute all together and then set the width manually if thats the only style you want to apply or add a class with all the styles you want

$(‘.fluid’).removeAttr(‘style’).css(‘width’,’100px’);

im using jquery in the example

[Rachana]

Thanks

[bablucolno]

hi,
you no need to use !important in your inline style. you just add float:left;

.fluid {
width:100% ;
background:#555;
color:#fff;
float:left;
}

[Author]

Posts