css选择器优先级

如图，
1、

选择器	优先级
！important	∞
行内元素	100
id选择器	100
类、伪类选择器、属性选择器	10
标签、伪元素选择器	1
通配符（*）、子后代选择器、继承	0

注意事项：

1. !important声明的样式的优先级最高；
2. 如果优先级相同，则最后出现的样式生效；
3. 继承得到的样式的优先级最低；
4. 通用选择器（*）、子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以它们的权值都为 0 ；
5. 样式表的来源不同时，优先级顺序为：内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。