Increase priority attributes in CSS! important usage summary

Little scum · Posted on 10/10/2019 9:51:48 AM

1. Grammar

selector { style: value!import; }

2. Explanation

Promote the application priority of a given style rule, i.e.! important provides developers with a way to increase the weight of the style so that the browser prefers to execute this statement.

For example:

Login is visible.

If you are in a browser other than IE6, these browsers support it! important attribute, which means they will default to margin-left:20px!important; This statement is in effect, and the following is not included! important statement will not override it, in other words, he is the highest level, and no one below can replace me!
There is a more explicit support issue in IE6 and below browsers, !important does not take effect in the same rule set. See the code below:

Login is visible.

In the above code, the margin-left of the div in IE6 and below browsers is the same as that of other browsers, which is 20px;

Note:

1. Under IE6 and earlier browsers, !important does not take effect in the same rule set.
2. If! important is used for a shorthand style attribute, then the sub-attributes represented by this shorthand style attribute will be activated! important。
3. Keywords! important must be placed at the end of a line style and before the semicolon of the line, otherwise it has no effect.

[CSS/DIV] Increase priority attributes in CSS! important usage summary

Related Posts

Sections viewed