What is the function of specificity in css

What is the role of specificity in css? I believe many inexperienced people don't know what to do about it. Therefore, this paper summarizes the causes and solutions of the problem. Through this article, I hope you can solve this problem.

❞

Css specificity, that is, the weight of selector in css, the following three types of selector decrease in turn

Id selectors, such as # appclass, attribute, and pseudo-classes selectors, such as .header, [type= "radio"] and: hovertype tag selectors, such as H2 and p

Among them, wildcard selector *, combination selector + ~ >, negative pseudo-class selector: not () has no effect on priority

There are also inline styles and! important (highest) has a higher weight

❝

Priority impact of not-codepen can see that not has no effect on the priority of the selector

❞

After reading the above, have you mastered the role of specificity in css? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!