CSS weight calculation

First: Represents the inline style, such as: style= "", the weight value is 1000.
Second: Represents the ID selector, such as: #content, the weight value is 100.
Third class: Represents classes, pseudo-classes, and attribute selectors, such as. Content, with a weight of 10.
Class IV: Represents a type selector and a pseudo-element selector, such as Div p, with a weight of 1.

Universal Selectors (*), sub-selectors (>) and neighboring sibling selectors (+) are not in these four levels, so their weights are 0.

CSS weight calculation