今天发现这么写,发现并不能去掉a的下划线
a {
text-decoration: none;
}
于是通过网上查阅资料后发现需要把选择器写具体一点,像以下这种写法才能去掉下划线
.nav ul li a {
text-decoration: none;
}
之前只是知道对于a的样式需要单独地去设置,它才能生效,而不会继承父元素的宽高之类的样式,但我没想到全局设置a它也不能生效。
实际上,全局设置的时候,样式语句是生效的(没有被划掉),只是在页面上没有体现。
可能是a的默认样式的权重要比全局设置的样式要大,所以即使全局样式的语句生效,也在页面上体现不出?
其中的原理可能需要以后再琢磨了。