css下划线出现错误

刚自学前端没几天 跟着做小米网页
为什么我添加了text-decoration：none； 打开网页的时候为啥还有下划线！

img


img

图片该如何让它居中

img

text-decoration：none应该加在a标签里面，加在外面是不生效的

下划线是因为权重不够 可以text-decoration:none !important;
居中：给图片外层的父元素添加样式

display: flex;
justify-content: center;
align-items: center;

元素居中看这里：http://t.csdn.cn/ueJH5
元素设置了样式不生效，直接F12审查元素