CSS层叠优先级

浏览器缺省(默认) < 外部样式表 < 内部样式表 < 内联样式< !important

也就是写在元素标签内的内联样式优先于写在head头部