1.!important 会覆盖页面内任何位置的元素样式，优先级最高。
2.内联样式，如 style="color: red"，权值为 1000
3.ID 选择器，如#myId，权值为 0100
4.类、伪类、属性选择器，如.myClass, :last-child, div[class="myClass"]，权值为 0010
5.标签、伪元素选择器，如 div::first-line，权值为 0001
6.通配符、子类选择器、兄弟选择器，如*, >, +，权值为 0000
7.继承的样式没有权值，优先级最低
