html代码:
css文件里代码:
li.big{
float:none;
font-weight:normal;
padding:5px 20px 5px 20px;
text-align:center;
margin-left:50px;
margin-top:20px;
font-size:20px;
}
.cho{
display:block;
width:80px;
height:30px;
font-family:'SimHei';
color:#2f2f2f;
padding-top:5px;
}
a.chodet : hover{
color:white;
}
li.big : hover{
width:80px;
height:30px;
border-radius:8px;
border:0;
background:#ff9138;
}
回复讨论(解决方案)
li.big:hover{
空格去掉
空格应该没有关系的。
li.big : hover{
width:80px;
height:30px;
border-radius:8px;
border:0;
background:#ff9138;
}
这一段,你试试修改
第1:li.big : hover与a.chodet : hover两个中间的空格一定要去掉,hover才能生效
第2:你要a标签的hover生效,a.chodet:hover应该改成a.cho:hover
第3:你为了实现一个效果事件(hover加背景和改写颜色),但使用了两次事件,资源效率都不是最优化。最好只用一个hover加在a标签上
a和hover都要加上display:block;才行,
什么乱七八糟的。。。按标准写好吗?
a标签要加个display:block吧!!!
十分感谢大家抽出时间给我的热心解答!!