What is the use of "!important" in css? [SOLVED]

Question

Please explain what is the difference between line 1 and line 2

line 1: display:block!important;
line 2: display:block;

why and where do we use "!important" ?

Answer 1

In simple words !important in any css gives it prior importance.

Answer 2

Suraj the most important behaviour of ‘!important’ rule are

1. overriding INLINE styles on elements which are not have ‘!important’ in them.

2. the second use is to override long chains in selectors. so so as solution as code

3. the third is override partucular rules in case of classes that are responsible for behaviour. as example .hide {display: none!important} to be sure that element will be defenitely hidden also in case of overwritten display property etc

Answer 3

A helpful question. Thanks a lot.

Answer 4

don’t use it, it causes a lot of problems, organize your code instead.

Answer 5

Lets say we have a code of Css:
“div.Div1 {
display: none;
display: table !important
“
Then Instead of “display: none”
it will do the Most Important one(!important)
one “display: table !important”.

Answer 6

Here is the style rule code:

https://code.sololearn.com/Wpjo8QJIXtVy/?ref=app

You can do different things than this.

Answer 7

It makes the style over any other is on the selector.

Answer 8

Lexus Collins, is it possible that browser could ignore line 2?

Answer 9

Lexus Collins, Thank !! I got this 😊😊😊

Answer 10

привет всем

Answer 11

yas

Answer 12

yas

Answer 13

I think it means "Not Important"!