CSS Stacking order

CSS cascading rules and the specificity of each selector.

1, there! The important rules have a higher weight than none, and the rules with!important have the highest precedence.

2, according to the specific order of the rules, the particularity of each selector is:

The specificity of inline styles (that is, CSS declared in HTML) is: 1000

The specificity of the ID selector is: 100

Class attribute value (Class), Pseudo-Class (: not), property selector ([id= "]) is special: 10

Individual elements and pseudo-elements (: First-letter,first-line,before,after) are: 1

The particularity of a wildcard selector (*) is: 0

3, if the specificity is equal, according to the order of occurrence, after the rules appear in the first rule covered.

CSS Stacking order