老师,为什么把color设置在如下位置时颜色还是超级链接的颜色,设置在a哪里才是白色呢,color不是有继承性吗?
来源:4-3 小慕医生项目开发(3)
瑜瑜瑜
2020-12-31 17:59:30
header .main-nav ul li {
float: left;
width: 150px;
height: 60px;
line-height: 60px;
text-align: center;
color: #FFFFFF;
}
header .main-nav ul li:first-child {
background-color: #015E58;
}
header .main-nav ul li a {
display: block;
width: 150px;
height: 60px;
}
1回答
同学你好,color是可以继承,但是继承的权重为0。由于a标签本身也有颜色样式,并且a标签本身样式的权重大于继承样式,因此a自身的颜色会覆盖继承来的颜色,导致颜色不生效:


所以要把a的颜色,设置在a标签上才会有效。
祝学习愉快!
相似问题