为什么li 里面的 line-height 属性可以被其子元素 a 继承，而text-decoration及 color属性则无法被 a 继承

html代码如下:

            <ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">云云商城</a></li>
				<li><a href="#">智慧门店</a></li>
				<li><a href="#">营销平台</a></li>
				<li><a href="#">媒体联盟</a></li>
				<li><a href="#">关于云道</a></li>
			</ul>

CSS 样式如下:

.header li {
	text-decoration: none;
	color: #333;
	line-height: 100px;
	float: left;
	margin: 0 20px;
}

运行结果如下:

我们发现，a标签继承了 li 标签的 line-height：100px 属性，但是并没有继承li 标签的text-decoration: none;及 color: #d6d6d6; 这两个属性。而将text-decoration和color直接加在a 标签上，则得到想要的结果，如下：

为什么li 里面的 line-height 属性可以被其子元素 a 继承，而text-decoration及 color属性则无法被 a 继承呢？