CSS memo: The weight of the ID selector >class the weight of the selector = weight of the property selector > element selector

Recent projects to write their own front-end, re-learn the basics of the front-end.

Generally in CSS style sheets, the above will be overwritten by the following, for example, the text will show Blue:

So according to normal, the following CSS style, the test text should still be blue

But as a result, the test text is shown in yellow, the result of the tag Selector is overridden by the property selector, and the property selector is working

Conclusion: The weight of the ID selector >class the weight of the selector = the weight of the property selector > element selector (ID selector and class selector can be self-validating),

General equal weights are covered by position, selectors with different weights, positions change and will not overwrite

CSS memo: The weight of the ID selector >class the weight of the selector = weight of the property selector > element selector