[Proficient in CSS and HTML design patterns] different weights in style sheets of Reading Notes

When I write CSS, I usually only use link to import a style sheet. Today I readProficient in CSS and HTML design patterns,It is roughly divided into six levels, from high to low.

1. The highest priority is the <style> element in the HTML document header. The clear point is the style Writing Style on the page, which is most effective and has the highest weight.

2. the second highest priority is to embed @ imporant in the HTML <style> element as the style table rule, which is actually higher, we usually write the <link> imported style sheet on the page.

3. The third height is the most classic <link> we use on the page, but it is higher than the @ imporant we import in the style sheet.

4. the fourth height is that in the style sheet, the style imported by @ important overwrites the style written by the end user, that is, the style larger than the style defined by the end user. [the end user here is the user object]

5. The fifth high is the style bound to the end user. (This is a special case if the user writes it here! Imporant. He will rewrite the parent class. Here he is the boss !)

6. The style sheet provided by the browser by default is the lowest, that is, the old 6.