老师 请问为什么li的字体颜色改不了白色？
来源：2-4 编程练习
慕圣2486726
2018-12-20 08:53:41
再帮忙看下 还有什么地方需要改进 谢谢
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/ *{margin: 0;
padding: 0;}
a{ text-decoration: none;}
.container{width:1100px;height:100px;background-color:black;
position:absolute;
top: 50%;
left:50%;
margin-top: -50px;
margin-left: -550px;
overflow:hidden;
}
.logo{ width: 100px;
height: 100px;
float: left;}
.abc{ float: right;
list-style: none;}
.abc li{font-size:;25px;color:white ;line-height:100px;float: left; padding-right:70px;}
</style>
</head>
<body>
<div class="container">
<div class="logo">
<a href="#"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"/></a>
</div>
<div>
<ul class="abc">
<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>
</div>
</div>
</body>
</html>
1回答
-
同学你好，代码的效果实现了。
在浏览器中已经给a标签设置了默认的字体颜色，所以a标签不能继承父元素（li）的字体颜色，想要字体变成白色，直接给a标签设置字体颜色。
参考下图：
自己试一试，祝学习愉快，望采纳！
1
相似问题