当我们写页面的时候，不知道你会不会产生这样的问题，为什么我给他添加的这条样式分明已经选择到我要给的元素了，但是他的样式并没有生效，那是为什么呢？

定义的属性有冲突时，浏览器会选择用那一套样式呢，下面来介绍一下选择器的优先级。

一、css选择器简单优先级
1、在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
2、作为style属性写在元素内的样式
3、id选择器
4、类选择器
5、元素选择器
6、通配符选择器
7、浏览器自定义或继承
总结排序：!important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配符选择器 > 继承 > 浏览器默认属性