关于a标签去掉下划线的问题请教下老师

            <ul class="nav">

                <li><a href="#">HOME</a></li>

                <li><a href="#">ABOUT</a></li>

                <li><a href="#">GALLERY</a></li>

                <li><a href="#">FACULTY</a></li>

                <li><a href="#">EVENTS</a></li>

                <li><a href="#">CONTACT</a></li>

            </ul>

这么一个结构，给li标签样式

li{

height: 80px;

line-height: 80px;

color: #fff;

font-size: 20px;

font-family: "微软雅黑";

font-weight: bold;

margin: 0 20px;

text-decoration: none;

}

color: #fff 和text-decoration: none属性并不能在a标签上生效，必须给a标签设样式才行，这是为什么，不是除了width height和margin paddting border等几个样式，其它样式都是可以继承的吗