为a设置id,但是css属性设置显示不出来
我做一个导航条,为其中一个链接设置了属性:<ahref="http://www.badu.com"id="a1"><li>首页</li></a><ahref="http:...
我做一个导航条,为其中一个链接设置了属性: <a href="http://www.badu.com" id="a1"><li>首页</li></a> <a href="http://mail.163.com" /><li>登录</li></a> <a href="http://www.12306.cn"><li>注册</li></a> <a href="baidu.html"><li>签到</li></a> <a href="http://www.w3school.com.cn"><li>前端职业生涯</li></a> <a href="http://202.118.201.228"><li>答疑</li></a>
但是在css中结果第一个链接背景颜色却并没有改变:
body,div,ul,li{ margin:0;padding: 0;}#div1{ background: #ccc; width:960px; height:35px; margin:0 auto; margin-top:30px; }#div1 ul{ width:960px; height:35px;}#div1 ul li{ float: left; list-style: none; height:35px; text-align: center; padding:0 10px; background: #f3ddf5;}#01 { background: red;}#div1 ul a{ font-size: 18px; color: #333; text-decoration: none; height: 35px; display: block; float: left; background: #5f6ddd;}#div1 ul a:hover{ color:#fff; background: #000;}
这是我最后做出来的结果,我是新手,可否有哪位大神指点一下,不胜感激 展开
但是在css中结果第一个链接背景颜色却并没有改变:
body,div,ul,li{ margin:0;padding: 0;}#div1{ background: #ccc; width:960px; height:35px; margin:0 auto; margin-top:30px; }#div1 ul{ width:960px; height:35px;}#div1 ul li{ float: left; list-style: none; height:35px; text-align: center; padding:0 10px; background: #f3ddf5;}#01 { background: red;}#div1 ul a{ font-size: 18px; color: #333; text-decoration: none; height: 35px; display: block; float: left; background: #5f6ddd;}#div1 ul a:hover{ color:#fff; background: #000;}
这是我最后做出来的结果,我是新手,可否有哪位大神指点一下,不胜感激 展开
2015-11-22
展开全部
你没有设置a1的属性让它显示什么。在css里设置a1属性:#a1{ }
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询