CSS选择器优先级其实文档中早有规定，请查看W3C文档。
原则如下： !important > 内联样式 = 外联样式 > ID选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 元素选择器 = 伪元素选择器 > 通配选择器 = 后代选择器 = 兄弟选择器
1、 !important是最厉害的，属性后面加了的话会覆盖页面任意位置定义的元素样式，但慎用。
2、内联样式是作为style属性写在元素内部的样式。(1000)
3、id选择器。(0100)
4、类选择器/属性选择器/伪类选择器。 (0010)
5、元素选择器/伪元素选择器。 (0001)
6、通配符选择器。 * (0000)
注意0000这个东西到10不会进位，同一级别，后写的会覆盖先写的。
CSS选择器的解析原则：选择器定位的DOM元素是从右往左的方向，这样可以尽快的过滤一下不必要的样式规则和元素。
总结：
上面的确定挺难记的，那么记住， 1、选择器越具体，优先级越高。2、属性后面加 !important的优先级最高，但慎用 3、同一级别，后面的会覆盖前面的。
