热搜:NVER node 开发 php

为啥鼠标滑过li里的a没效果?_html/css_WEB-ITnose

2024-11-09 16:30:02
为啥鼠标滑过li里的a没效果?_html/css_WEB-ITnose

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吧!!!

    十分感谢大家抽出时间给我的热心解答!!